How to change the menu design

Posted in: Newspaper
Post count: 10

Hi

Am using the default newspaper demo but want to remove the shadow underneath the menu and replace with 2 lines. For example as in the newspaper lifestyle demo.

Thanks

Post count: 10

Also forgot to ask how can I move a menu to sit on the right with the social icons with the date on the left.

Post count: 20688

Hi,

So maybe something like this – https://www.screencast.com/t/uP0ZgfZGrZ
You can use any color you want in the code, then enter it in Theme panel-Custom CSS

.td-header-gradient:before {
display:none;
}
.td-header-menu-wrap {
border-top: 1px solid grey;
border-bottom: 1px solid grey;
}

Regarding the top menu if you could provide more details about how you want them, I will try to give you a solution. Note there are top bar styles to choose from in the theme panel
https://www.screencast.com/t/AbARLuijKB8X

Thanks

Post count: 10

Hi,
Thanks the code works great.
As for the other I want the top bar to have the weather and date on the left hand side and a menu and the social media icons on the left. I can’t seem to work out if or how to do this using the multipurpose feature?
Thanks

Post count: 20688

Hi,

The multi-purpose top bar style difference from other styles, is that it can display additional elements if needed
https://www.screencast.com/t/e8mRQhGMIDr4

Regarding the positioning, you mention the weather and date should be on the left, they already are when using top bar style 1
https://www.screencast.com/t/VmYzztxwP7nS
They are followed by the top menu if used, then the social will be on the right side. The top bar can also be stretched to predefined widths or to full if needed. This is useful in case you want to display many elements in it, or there are many menu items
https://www.screencast.com/t/3et7MRHNI

Thanks

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.