I have tried all of the header settings and none of them work exactly how I’d like them to. I’d like to find a way to make it so my nav header has more room. The main issue I am running into is I am trying to add seven navigation links to the menu and this causes my current one hybrid menu 2 (#8) to split into two columns. When the visitor scrolls down the page and it switches to sticky menu the navigation is then changed to one column and looks good.
Here’s a screenshot of my header .. http://s000.tinyupload.com/index.php?file_id=54232110864527753566
Hello,
Unfortunately the theme has no option to make the header narrower. You can try a bit of css to reduce the spacing between the title elements, but you will have to adjust it to each viewport in a responsive layout.
As an example:
before: http://screencast.com/t/9CYOyiruDN3O
after: http://screencast.com/t/cWySml8otv
This code will work on desktop but you nee to use the advanced css box under the custom code tab in the theme panel and adapt the code for tablets as well.
Thank you!
That’s great. What is the code I can put into the Advanced CSS box to try and make those adjustments like you showed in the screenshot?
Hi,
Well the code is in the top right corner in the second screenshot. You will have to change the padding from 15 to the number that provides the best result on tablets (portrait and landscape)
Paste the code in each advanced css box and then change the padding for the tablets version
Thank you!
I pasted code into Advanced CSS box and refreshed my homepage but didn’t notice any change. Did I write it correctly? http://i68.tinypic.com/168sjmb.png
Replied via email!
