Menu Layout

AperturePlus

How do I remove the space between my logo and the menu items?

There is no extra space in the graphic that is the logo.

Thanks
Clive

docwalker

Customize your site and go to the menu content block. Click the Dimensions option in the red content block upper left corner. Change the Top Margin option. You currently have it set to 100px. That should move it up a bit.

AperturePlus

I knew it was that easy, but I was looking in the settings of the menu on one of the galleries as opposed to the whole site.

Thanks Doc

beardedgit

Clive, I just had a shufty at your site. Be aware that at my screen res - 1280 x 800 (and probably at some others) I can't see the bottom section of your side menu, it doesn't scroll down, so the important info that you have there is inaccessible.

Holler if you want a screenshot.

Regards,

BG!

AperturePlus

beardedgit wrote: »

Clive, I just had a shufty at your site. Be aware that at my screen res - 1280 x 800 (and probably at some others) I can't see the bottom section of your side menu, it doesn't scroll down, so the important info that you have there is inaccessible.

Ooh good point! I have a 1920 x 1080 monitor and didn't think of that.

Thanks BG - I have unpinned the left side.

beardedgit

AperturePlus wrote: »

I have unpinned the left side.

Yup, just had another look and now it scrolls all the way down, but the menu etc. then goes offscreen at the top on smaller screens such as mine.

Is it not possible to pin the upper part (logo and menu items) and have the lower part scrollable? Does SM allow such fine-tuning?

basflt

try

#yui_3_8_0_1_1378659199122_623.sm-page-widget-logo-img{
position:fixed;
left:10px;
}

do the same wth the menu

#yui_3_8_0_1_1378660455525_618.vertical

you can play with
left :xxxpx ;
top:xxxpx;

AperturePlus

Thanks for the help Basfit.

I am not sure where to put the code. The menu block and logo are set at Entire Site.

basflt

in entire site , drag a CSS block into the field , put your codes in there

you could also use theme / advanced / edit
but i think its better to put just theme-related stuff there

AperturePlus

Hi Bas

My knowledge of css is limited to none existent! Do you mean that these two codes will lock the logo and menu item in place?

I tried the following on the entire site:
#yui_3_8_0_1_1378659199122_623.sm-page-widget-logo-img
#yui_3_8_0_1_1378660455525_618.vertical{ position:fixed; left:10px; }

I was not sure how they would both be put up together. Would this be right (it didn't seem to make a difference on the page)

I also tried it from the theme/advanced section, but I think that my code above is not right?

basflt

no , it are two different items

#yui_3_8_0_1_1378659199122_623.sm-page-widget-logo-img{
position:fixed;
left:10px;
}


#yui_3_8_0_1_1378660455525_618.vertical{
position:fixed;
left:10px;
}

if that dont work , try ;

.sm-page-widget-logo-img{
position:fixed;
left:10px;
}

.sm-page-widget.sm-page-widget-nav.sm-page-widget-841695{
position:fixed;
left:10px;
top: 200px;
}

AperturePlus

Bas I just can't seem to get it to hold the menu and logo. I have tried it in the CSS on the Entire Site section (I have css in there already - .sm-tile-keywords{display:none} ) and I tried it in the advanced section of the theme itself, but both don't seem to make a difference.

I put the code in like this:

#yui_3_8_0_1_1378659199122_623.sm-page-widget-logo-img{
position:fixed;
left:10px;
}


#yui_3_8_0_1_1378660455525_618.vertical{
position:fixed;
left:10px;
}

Thanks for the help

basflt

i edited previous post , try again