[Solved] Can I resize the tab in the top menu?

[Omawako]

 

Is it possible to make the last tab of my top menu bigger? In other words, I want it to be full width. Please help

Edited June 30, 2013 by Omawako (see edit history)

[SmartDataSoft]

Which menu you are using. Can you share the url as it seemed that you need to increase the main menu ul width to cover the full width. If you share url i can suggest you the best solution.

[Omawako]

I'm using PrestaLove Easy Menu. Can you inbox me your ip address? My shop is in maintenance mode.

[vekia]

don't forget to share solution here, im convinced that it will be helpfull for other merchants

[Omawako]

Sorry but the problem hasn't been solved yet.

[eSurfer]

Hi Omawako, just wondering if you could advise me that how can I add/setting the category (using your category clothing, shoes etc as guide) on the navigation bar?

 

Thanks in advance.

[vekia]

hey

 

without an access to the website is hard to say what you have to do, you use non-default solution - so we need an access to the page.

[Omawako]

eSurfer, Simply go and download PrestaLove Easy Menu. It's absolutely free.

[SmartDataSoft]

are you want this solution http://awesomescreenshot.com/01c1gbph55

 

if so than write this css and it will solve your issue.

.sf-menu li.last{

• background-image: none;
  
• }
  

[eSurfer]

hey

 

without an access to the website is hard to say what you have to do, you use non-default solution - so we need an access to the page.

eSurfer, Simply go and download PrestaLove Easy Menu. It's absolutely free.

are you want this solution http://awesomescreen....com/01c1gbph55

 

if so than write this css and it will solve your issue.

.sf-menu li.last{

• background-image: none;
  
• }
  

 

Many Thanks guys, I've solved my own issue. Actually I'm using everything in default, so it's under

[Modules] > [Top Horizontal Menu]

to configure the setting.

 

Reference for newbie like myself:

 

http://www.prestasho...ar-header-menu/

 

http://www.prestasho...s-for-instance/

Edited June 30, 2013 by eSurfer (see edit history)

[Omawako]

smartdatasoft, it works. thank you very much for your help

[SmartDataSoft]

smartdatasoft, it works. thank you very much for your help

So please mark the most as [solved]

[Omawako]

http://i1283.photobucket.com/albums/a549/omawako/ScreenShot2013-06-30at102809AM_zps90f9531d.png

 

But when I hover/click on the tab, this happens. What should I do?

[SmartDataSoft]

.sf-menu li.last{   
background-image : none;
}
.sf-menu li.last:hover{   
background-image : none;
}

need to do same things for hover css

[Omawako]

I pasted the code but didn't see any change

[SmartDataSoft]

I pasted the code but didn't see any change

this time it will work 100% use this code

.sf-menu li.last a:hover ,.sf-menu li.last:hover{  
background-image : none;
}

 

i checked with crome

Edited June 30, 2013 by smartdatasoft (see edit history)

[Omawako]

Thanks. It works but the color doesn't change to dark grey when I click on the tab.

[SmartDataSoft]

Thanks. It works but the color doesn't change to dark grey when I click on the tab.

this is due to hove background-color of you can try with this if you want to show image when hover.

 

.sf-menu li.last  ,.sf-menu li.last:hover{ 
width:126px;
padding-right:0px;
border-radius: 0px 5px 0px 0px;
-moz-border-radius: 0px 5px 0px 0px;
-webkit-border-radius: 0px 5px 0px 0px;
} 

in place of old hover code

[Omawako]

Wow I can't thank you enough. You really helped me out.

[Omawako]

http://s1283.photobucket.com/user/omawako/media/ScreenShot2013-07-04at43320PM_zpse8de431e.png.html

 

I've just checked. It only works on chrome.

It doesn't work on safari,firefox and iphone

[vekia]

http://s1283.photobu...de431e.png.html

 

I've just checked. It only works on chrome.

It doesn't work on safari,firefox and iphone

 

so the problem isn't solved?

[Omawako]

Unfortunately, it isn't