Jump to content

Problem with minimizing menu - white label appears


manu1987
 Share

Recommended Posts

Hello everybody,

 

When I try to make the website window smaller in my web browser, suddenly a white label appears instead of my website menu. The label is at the same position as the website menu but replaces that menu. I attached a screenshot of that white label. This only happens if I decrease the window to a certain size or increase the fonts with firefox. It vanishes again if I increase the window size or decrease the fonts.

 

Does anybody know how to fix this issue? (How to make this label vanish completely or not let it appear).

 

 

post-867537-0-39206700-1420209789_thumb.jpg

Share this post


Link to post
Share on other sites

Manu,

 

It's a feature of the theme as the menu item doesn't fit on the smaller screen, so the theme changes it into a single column drop down dialog. Clicking on it will probably give the menu items.

 

pascal

Share this post


Link to post
Share on other sites

Hi pascal,

 

Thank you for your reply. Do you know by any chance the file it can be changed? I can try myself to change the code. This label does not fit at all with my website theme. It pops out randomly if the window is resized. At least changing the color would already be an improvement :)

 

Many thanks for your help!

Share this post


Link to post
Share on other sites

Hi Manu,

Travelling from Christmas holiday back Home. Will probably be back online tomorrow evening. Will then have a quick look, but I expect it to be some CSS code in themes/<your theme folder>/css/global.css. there you also should be able to add some size specific code to colour it.

 

Pascal

Share this post


Link to post
Share on other sites

I am not very familiar with web programming. However, I managed to solve the issue. I used Google Chrome instead of Firefox to view the css files. Firefox did not show me the files when the white label appeared. I simply set 'display = none' to make the white label vanish completely. I thought I can just change the window width in the javascript file "blocktopmenu.js" but it did not make any effect.

 

For those who do not know how to find out what file, just rightclick on the element you want to examine --> choose the entry from the contextmenu and the files appear with the line number in brackets.

 

@vekia: I do not have a live site but you can click here http://demo.prestashop.com/en/?view=front and just resize the window. Then the white label appears as well.

 

I mark this as solved.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More