We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

how to change line spacing in sidebar menu (with portrait display) - Omni Blue | Forum

Kevin
Kevin Nov 20 '16
Can't find the right area in base.css to make the sidebar menu items closer. (Do not want to impact any other spacing  on other screens) - see attached snapshot - Green area between menu items


Would also like to modify width (marked in yellow).


Thanks

Attachments:
  Sidebar menu space.jpg (97Kb)
ross Team
ross Nov 20 '16

.ow_menu_wrap_custom .ow_main_menu li {

    text-align: left;

    width: 175px;

    padding: 19px 0px 11px 50px;

}


on line 8005 change the padding values

Kevin
Kevin Nov 21 '16
Thanks again!

Is there some doc on the site that I should read that will cover the main areas of OxWall code? I wish that OxWall had comments in the code, and there would be no need to ask what section does what ;)
Kevin
Kevin Nov 21 '16
It worked for iPad portrait, and iPhone landscape.  For some reason the changes are not shown on the iPhone portrait mode. (see attached)


I cleared browser cache, as well as dev mode and extreme cache on server


The attached snapshots show after changed padding value from 19px to 2px. (Have since changed to 0px which was reflected on iPad portrait but not iPhone portrait?


Is there a separate Oxwall area for mobile that is overwriting these values?

The Forum post is edited by Kevin Nov 21 '16
Attachments:
  iPhone_landscape.PNG (715Kb)
  iPhone_portrait.jpg (55Kb)
ross Team
ross Nov 21 '16
Can you provide me the link to your website please? Make sure it is open for guests. 
ross Team
ross Nov 23 '16

.ow_menu_wrap_custom .ow_main_menu li {

    text-align: left;

    width: 175px;

    padding: 19px 0px 11px 50px;

}


line 7370 of base.css


play with the padding values

Kevin
Kevin Nov 23 '16
Wow - That was the trick. Works fine now on portrait iPhone!


Same code located in two parts of base.css? (Commented out the second near 8805, and still works fine)


Thanks

The Forum post is edited by Kevin Nov 23 '16
ross Team
ross Nov 23 '16
Yes, because there are different media queries, for tablet and mobile
You do not have permission to reply this topic