Tagged: menu floating mobile layout
When viewing this site at mobile device sizes, the logo, floating menu, and mobile menu all conflict, laying over each other. Seems that the whole header layout has issues with smaller sizes.
Hello,
please provide us with admin credentials for your site in private content.
Regards,
Stan Russell.
Hi, have now undertaken a number of manual fixes using CSS and media statements to fix the header my site which is using the Royal theme (with header 5) – the theme has/had a number of responseive layout issues despite being previously unaltered. Issues I have done for my site include:
– fixing sticky header and mobile menu overlapping each other in mobile views
– sticky header not fitting with design at all in mobile layout
– logo overlapping other items, not centering for mobile
– basket icon being slightly obscured on right under 480px
So in case you got my credentials, I have revoked the username and login info, in case you were still interesting in logging into my theme yourselves.
Thanks.
Please check when in small device Navigation menu overlapping
Site URL: hidden Theme version: Legenda_v2.7.1Hello,
Please add this code in custom.css file:
@media (max-width: 979px) and (min-width: 768px){
.shopping-cart-widget {
width: 30% !important;
}
.header .logo {
float: right !important;
}}
How to create custom.css you can watch in this tutorial.
After that check your site on mobile devices.
Regards,
Eva Kemp.
HI EVA,
I’M also seeing issues on the main navigation bar. It is not automatically responding on smaller screens.
This happens on some laptops, on ipad 2 landscape view and a few other devices. It needs to recognise the responsive option of the menu for this view.
Can you help?
thanks
Sue
Hello,
Do you want to display menu in one line?
If so please add the code in Theme Options > Custom CSS > Custom CSS for tablet and Custom CSS for mobile landscape:
.header-wrapper .menu > li > a {
font-size: 12px;
}
Best regards,
Jack Richardson.
Thanks Jack. Still not working. It hasnt changed at all.
What I need it to do is to force the mobile menu, instead of dropping contact us to the line below. It seems to do it on mobile, and desktop if the browser window or resolution is low/small.
If the browser is called down again it works and defaults to the drop down menu.
Thanks
Sue
Your credentials aren’t correct.
Regards,
Robert Hall.
You must be logged in to reply to this topic.Log in/Sign up
One standard license is valid only for 1 project. Running multiple projects on a single license is a copyright violation.
The message was successfully sent
Your shopping cart is empty
You may extend support period on ThemeForest and then update its status by clicking "Update" button in your Account area.
Purchase code | Expiration date |
---|---|
d7ed5d03-cb21-4657-b20c-442972d0523c | 15 Nov 2016 |