Responsive menu shows text align right (can´t see all menu)

ireneorozco · April 2015

Hi!

I´m having problems with responsive menu, Can you help me please?, it showed right align and it can´t be seen correctly...

The web is http://www.elsabroso.com/

Thank you!

Albert · April 2015

Hey,

this happen because of your custom css. You must contact with person who modified your website because this is not what comes with our theme.

Thanks!

ireneorozco · April 2015

Ok, thank you!

ireneorozco · April 2015

Hi! The person who wrote the css is no longer available, so i´m gonna erase them all (not now, because i need to show something right now, but i erased them all and took some screenshot to show how it shows, i didn´t change anything more, only erase the css code)

When i erase, menu still center, so its good! and fix the menu in responsive (not the icon instead), so good too! but i see some issues to change.

So, when i erase all css code i need to know, please, how to do these:

1. The header must be red, but i need the menu has a white background (only the menu, like it´s now, but better please, the person who did it is a mess) If i erase, show me this: http://pasteboard.co/2M2riC0V.jpg

2. At home, you can see the grey line you told me (because it´s in the custom css on the page, not in the general css) but i would need it below all the menu background (i dont´know if it will be ok when the background is on) http://pasteboard.co/2M2riC0V.jpg

3. At Home is ok, but on the rest of the pages, shows the header, then thee menu and then a lot of red space:
- Quienes somos: http://pasteboard.co/2M2uPXvz.jpg
- Dónde estamos: http://pasteboard.co/2M2vUduG.jpg
- Productos: http://pasteboard.co/2M2wU4Yo.jpg
- Pedidos por encargo: http://pasteboard.co/2M2xFLNI.jpg
- Contacta: http://pasteboard.co/2M2ytZ95.jpg

(I have marked the header magazine)

4. Responsive. As you can see, in responsive, the logo doesn´t fit good

: http://pasteboard.co/2M2zt7b6.jpg

5. Responsive. I can´t see the icon menu in responsive. At home, i can see where it is because the grey line below, but only if it´s medium size, when it´s mobile size, it doesn´t show.: http://pasteboard.co/2M2zt7b6.jpg

6. Responsive. Like num 3, it shows a red space below (not at home) http://pasteboard.co/2M2B34hw.jpg

Can you help me please?? Thanks a lot!

Albert · April 2015

Sorry but unfortunately we do not offer those kind of customizations. As we see, you want to modify many theme things that can't be done within css only. In this case you must hire website developer. We help with some easy modifications and little css changes but we do not rebuilt websites.

Thanks for understanding!

ireneorozco · April 2015

I understand the background menu color, ok.

But, these issues:
why icon menu is not showed in responsive
space below the menu
logo doesn´t work in responsive (when the rest of the things like slider yes)

because all it´s a problem of the theme...

Albert · April 2015

1. Menu icon is visible in responsive mode http://pasteboard.co/2M7FWGBu.png

2. Which space you mean? Because we do not see anything.

3. Logo is not responsive because of custom css as we mentioned previously. You can change this within below css:

@media only screen and (max-width: 479px) { #Top_bar #logo { height: 60px !important; } }

markobb · April 2015

Hi,

Why is responsive menu button not showing on mobiles and tablets when Action Bar is active? I have issues with some mobiles and tablets.

Albert · April 2015

Do you mean action bar when you are logged?

ireneorozco · April 2015

Hi,

Please, show the images i attach at the message (i´m coping again them), because in the message i wrote this morning said: "i´m gonna erase them all (not now, because i need to show something
right now, but i erased them all and took some screenshot to show how it
shows, i didn´t change anything more, only erase the css code)"

So, now (don´t erasing bad css code) space and icon is showed but in this images i can´t show it:

red space below the menu:
Desk: http://pasteboard.co/2M2uPXvz.jpg, http://pasteboard.co/2M2vUduG.jpg, http://pasteboard.co/2M2wU4Yo.jpg, http://pasteboard.co/2M2xFLNI.jpg, y http://pasteboard.co/2M2ytZ95.jpg

Responsive: http://pasteboard.co/2M2B34hw.jpg

ICON MENU RESPONSIVE:
http://pasteboard.co/2M2zt7b6.jpg

markobb · April 2015

Even when I'm logged in or out it's the same. Same thing happening like with @ireneorozco

Not showing menu on responsive

Albert · April 2015

@markobb It's because wordpress admin bar is sticky and cover everything what is behind. You can fix this behavior within below css:

.admin-bar #Header a.responsive-menu-toggle.is-sticky { top: 50px !important; }

ireneorozco · April 2015

But, @markobb said that also logged out (i understand it´s without wp admin bar...)

In my case, without bad css code i can´t see the icon menu responsive... can you see it at the images? If you are online, i can erase code in order to you watch it, also red space below menu...

Albert · April 2015

@ireneorozco But as we showed you on screenshots, we see this menu icon on your side. Can you send us proper link to website where this icon is invisible? Maybe it's because of icon color?

markobb · April 2015

@muffingroup Yes that helped a little. Thank you.

But you can see on screenshoot that it doesn't look good in responsive design. Elements are all over the place (scattered). Do you have fix for this to make them one below other?

http://prntscr.com/6x7bds

Albert · April 2015

@markobb This is how it supposed to look like. We do not see anything wrong here so we have no idea what you want to move. If you don't like how sticky menu looks like, then turn it off and menu will be next to "Call us" button.

ireneorozco · April 2015

Ok, i erased all the code in order to you to see it: elsabroso.com

Albert · April 2015

@ireneorozco And now we see what happen. Responsive icon is the same color as background and that's why you don't see it. You can change it's color within below css:

#Top_bar a.responsive-menu-toggle { color: #000 !important; }

markobb · April 2015

OK That helped. I think it would be better to have all centered - logo, action button...You can consider that in next update?

Albert · April 2015

@markobb We can consider this when we finish all current updates and features that are on our "todo" list which is very long. Thanks!

ireneorozco · April 2015

Thanks muffingroup,

Did you see what happend in http://www.elsabroso.com/quienes-somos/ for example? (red space below menu...)

ireneorozco · April 2015

Also, when you scroll down in a page, menu can´t see (don´t fix in background...)

Albert · April 2015

@ireneorozco Yes, we saw it. This is space for all those who use background images in header. You can deactivate this option under Theme options > Header & Subheader > Header section where "Header Minimalist" option is.

markobb · April 2015

I suppose. I saw you thread for posting suggestions :-D lol

ireneorozco · April 2015

Thank you, red space below the menu is fix.

Did you see that when you scroll down (example: http://www.elsabroso.com/donde-estamos/) what happend with the menu?

Albert · April 2015

@ireneorozco Yes, we saw it. You have too many menu items in header and that's why they don't fit in black bar. You can fix this within below css:

.header-menu-right.header-stack #Top_bar.is-sticky .menu_wrapper {
    margin-right: 0;
}

ireneorozco · April 2015

Thanks a lot!

Albert · April 2015

You're welcome!

ireneorozco · April 2015

One more thing please!
When you scroll, menu works inside the ".header-menu-right.header-stack #Top_bar.is-sticky .menu_wrapper", and text color is the same that de background (from black in normal page to white when you scroll), so... how can i change text color when you scroll down? I want it black too...

Thank you!

Albert · April 2015

@ireneorozco Do you mean menu items color when header is sticky?

ireneorozco · April 2015

yes, please! the menu showed at the very up of the page when you scroll down, yes

Responsive menu shows text align right (can´t see all menu)

Comments

This website uses cookies