1. Themis
  2. Saturday, 15 February 2020
Hi,

I changed my blog page to have NO sub title. This removes the word "Blog". It also causes the blog to extend into the TOP MENU bar, so it looks really weird!
See website
http://www.elxlee.com/index.php/blog

Please tell me how to set it, such that blog comes in ONLY below the top menu bar, and not eat into the menu bar?
Attachments (1)
Accepted Answer
Ok. If you want both sides down then delete my previous code and put this custom css

.view-category #sp-main-body {
padding-top: 180px;
}

And please let me know is it alright or not
Thanks
  1. more than a month ago
  2. Themis
  3. # Permalink
Responses (11)
Hi,
Maybe you enable the sticky header that's why the header sticky and it's going under the menubar. If you do not want it then just disable the sticky header
http://prntscr.com/r2ozbu
Check it if it does not work then give me the problem of your screenshot. But I hope it will solve your issue.
-Best Regards
Mehtaz
  1. more than a month ago
  2. Themis
  3. # 1
Hi,
Maybe you enable the sticky header that's why the header sticky and it's going under the menubar. If you do not want it then just disable the sticky header
http://prntscr.com/r2ozbu
Check it if it does not work then give me the problem of your screenshot. But I hope it will solve your issue.
-Best Regards
Mehtaz


I am unable to find this stick header button you show. It looks like Helix framework, while I am using SP Page builder here?

You can see in attached screenshot, my setting is to turn off page title. Then the contact, in terms of the blog moves up and INTO the top menu bar. The Top menu bag should take priority and the blog content should APPEAR BELOW the menu bar, NOT inside/within the menu bar.

please advise me.
Attachments (1)
  1. more than a month ago
  2. Themis
  3. # 2
Hi,
Try this custom css

#sp-header.header-sticky{
position: unset !important;
z-index: 0 !important;
}

Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn
In Extensions>Template> Template Options > Custom Code > Custom CSS please add this
Thanks
  1. more than a month ago
  2. Themis
  3. # 3
It doesn't solve the issue. The blog content still eats into the top menu bar. see screenshot, or the demo site
http://www.elxlee.com/index.php/blog
Attachments (1)
  1. more than a month ago
  2. Themis
  3. # 4
Eat means??? Sorry, I do not understand your problem. Do you want it like this screenshot below?
http://prntscr.com/r2qyfn
Then use this css

.article-list .article{
position:relative;
top:100px;
}

Thanks
  1. more than a month ago
  2. Themis
  3. # 5
your screenshot is correct. However, the "Popular Post" on the right hand side needs to be move down as well, how do I achieve that?
  1. more than a month ago
  2. Themis
  3. # 6
How do i apply the same setting for other pages, like the contact form page?
http://www.elxlee.com/index.php/appointment

The form need to be brought down similarly by 180px like what you did for the article page.
Attachments (1)
  1. more than a month ago
  2. Themis
  3. # 7
Hi,
For article page use this custom css

div#column-id-1568624889098 {
padding-top: 180px;
}

Thanks
  1. more than a month ago
  2. Themis
  3. # 8
The custom css helps. On the same page for BLOG, how do i adjust or remove the elements on the right side. It is not same height as left side.

For example that orange yellow image which says "When It comes to client" is irrelevant to my website, so I would like to either remove or amend to another image. Where can I locate or adjust the right column image and element?

http://www.elxlee.com/index.php/blog

See attached.
Attachments (1)
  1. more than a month ago
  2. Themis
  3. # 9
Use this custom css for removing right side part

.sp-module.popular-post-v1{
display:none;
}
div#column-wrap-id-1568971607483{
display:none;
}
.sp-module.themis-blog-categories {
position: relative;
bottom: 57px;
}

Thanks
  1. more than a month ago
  2. Themis
  3. # 10


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.