tablet menu sizing

Posted in: Newspaper
Post count: 72
snowsbest
#199010
Oct 25, 2017 at 10:48 pm

Hello

I understand the top menu is for desktop, laptop and tablet only.

is there a way to change the sizing of menu on tablet? it looks good on desktop and laptop but when it moves to tablet it drops down into two lines and is off centre. I would like similar layout to desktop/laptop.

http://www.staging.snowsbest.com

Thank you

Post count: 20688
Simion C.
#199076
Oct 26, 2017 at 2:03 pm

Hi,

From what I can see you do not have a top menu currently in the website. Only the main header menu is present. I could give you a code that you can try for this situation with the header menu on tablet (portrait). Something like this
– https://www.screencast.com/t/K4XCaaM2w
Try entering this code in Theme panel->Advanced CSS in the portrait field and check if this is a possible solution.

.td-header-style-5 .td-header-menu-wrap-full {
height:60px!important;
}
.td-header-style-5 ul.sf-menu > .td-menu-item > a {
padding-left:0;
padding-right:18px;
font-size: 11px;
}

Thanks

Post count: 72
snowsbest
#201857
Nov 16, 2017 at 4:03 am

Thanks Simion I put that into Advanced CSS but it didn’t work. It shows line 2 and 4 as having an issue?

Post count: 72
snowsbest
#201858
Nov 16, 2017 at 4:10 am

here’s a screensnapshot code issue

Post count: 20688
Simion C.
#201931
Nov 16, 2017 at 12:00 pm

Hi,

That is not an error, it is mentioning that the !important tag is used, as well as an overqualified element. Nothing to worry about.
However the code should work properly. If it is not applying and there is no effect after entering it, it could be caching.
Clear all installed cache after adding the code in the theme panel.

Thanks

Post count: 72
snowsbest
#203115
Nov 24, 2017 at 8:04 am

Thanks Simion. Worked perfectly! Appreciate your guidance.

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