Jump to content
ill7

Presta Love Easy Menu not left aligned

Recommended Posts

Hello, I'm tryingto add atopmenuwiththe module " prestaloveeasymenu "but I can not set it on the top leftat all.

 

I have checkes the css code where I found "float:left"but there is something that are blocking the menu to set to the left at all.

 

I triedwith anothermodule " blocktopmenu " andthis module set the top menu at the left at all perfectly, soI guess ithas to be somethingprestaloveeasymenucode.

 

Do you knowwhat Ishouldchange in the code toalignto the left ?

 

Attachedscreenshotfor you to see the problem.

 

The website for download the module is:

 

http://www.prestalove.com/es/prestashop-modules/easy-menu

 

 

Thanksin advance

Regards

post-266141-0-52690400-1324393644_thumb.jpg

Share this post


Link to post
Share on other sites

Hi ill7,

Since this is not a module developed by PrestaShop, you will need to speak with these specific developers in order to get assistance with their module.

 

-Mike

Share this post


Link to post
Share on other sites

Hi Mike, thanks for your response.

 

Yes, I have tried to ask it to the specific developers, but I don´t have a response for the moment.

 

Thanks again.

Share this post


Link to post
Share on other sites

Try to change width of menu, use the widht of you page, if no work use:

position:absolute;

left:100px; <-- play with this value until you find the desired position

 

comment

Share this post


Link to post
Share on other sites

Hello aQs, thanks for yout comments. Now the problem is solved using the following code in the prestaloveeasymenu.css

file:

 

 

@charset "utf-8";

/* CSS Document */

.prestalove-easy-menu {

position:relative; ----> For hook the top-menu to the web.

left:-264px; ----> To aling in the correct position on the left side.

float:left;

width: 980px; ----> To aling in the correct position on the right side.

 

 

 

Now, the only problem is that I have tried in some web browsers and the results is:

 

- Safari: Shows OK

- Google Chrome: Shows OK

- FireFox: Shows a little down from the correct position

 

I have attached 2 files for compare it. You can see the little down of the menu-bar starting from the wheels of the cart.

 

Do you know if I can write a specific code for FireFox browser in prestaloveeasymenu.css ?

 

 

Thank you a lot aQs

Regards

post-266141-0-68722300-1324474714_thumb.jpg

post-266141-0-18908200-1324474721_thumb.jpg

Share this post


Link to post
Share on other sites

It is a little difficult with browser settings so, personally I also struggled a bit, I recommend using these image options and test as it goes.

 

configcss.jpg

Share this post


Link to post
Share on other sites

Hi,

I installed the last V. of Prestashop and also this menu... When i send mail from Contact page i get this error:

 

Warning: substr_compare() expects at least 3 parameters, 2 given in /home/imadse/public_html/presta/modules/prestaloveeasymenu/prestaloveeasymenu.php on line 447

Share this post


Link to post
Share on other sites

Hi, I turned PrestaLove Easy Menu and it turn removes the link from the logo? why?

can be done to the logo Linked?

when I disable PrestaLove Easy Menu Logo all is ok! the link works!

Share this post


Link to post
Share on other sites

i found a quick 'n dirty solution...

Just open prestaloveeasymenu.css from the folder prestaloveeasymenu/css

find

.prestalove-easy-menu {
float:left;
width: 100%;
}

and change to

.prestalove-easy-menu {
float:right;
width: 137%;
}

The result you can see on my site.

 

I use PrestaShop 1.4.8.2

 

I did this because tuthanh's instruction doesn't work on 1.4.8.2

Edited by wickedgee (see edit history)

Share this post


Link to post
Share on other sites

excellent menu, wickedgee solution works perfectly.

now that i have it sitting properly alligned, is anyone able to tell me how i can "lower" the menu, as its sitting over my logo header, so in other words just have it sit lower it on my page?

Share this post


Link to post
Share on other sites

You can try to put a white surface on the bottom of your logo in order to force the menu to sit lower.

 

Or you can modify the margin: 30px 0pt 0pt ( #header .prestalove-easy-menu{ )

Edited by cornelm (see edit history)

Share this post


Link to post
Share on other sites

thanks cornelm for your suggestion and reply. Im still getting the hang of using "firefoxes firebug" and upon "inspecting" the element, and focussing on trying to move my search bar down, i instead moved the prestalove menu, and the login/welcome/cart icons down, which is what i planned to do after i moved the search bar.

 

Unfortunatley I havent been able to move the search bar, but i did manage to lower the menu, so thought i would post my solution here for anyone else who may be looking to do the same:

 

In the themes/css/modules/ folder - find

blocksearch.css

in the first couple of lines, should be something similar to this....

 

#header_right #search_block_top {

 

 

background:url("../../../img/block_search_bg.jpg") no-repeat scroll right top #E5E6E7;

float:right;

height:28px;

margin-bottom:11px;

width:336px;

 

- I changed the margin-bottom: 11px, to 147px, but each user would have to modify this to their own personal preference....aka trial and error =P

 

it would most likely be frowned upon prestashop pro's, and theres proberbly an easier, cleaner way to do it, including the way you suggested, but it gets the job done =)

 

once again, thanks for the reply cornelm

Edited by exposeclothing (see edit history)

Share this post


Link to post
Share on other sites

hello

 

could you help me I have a problem with PrestaLove Easy Menu

I can not shift the sub-menu as show on the picture

I prestashop 1.4

 

thank you in advance for your help

 

dan59000

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.

×
×
  • Create New...

Important Information

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