positioning block (helpme)

[ivan36016]

Hello, 

 

I have a problem with the positioning of the login block (made ​​with HTMLbox plugin) on this site:

http://www.smartglass.it/new/it/

I would like to move it next to the upper block.

 

I am using Prestashop 1.6 and default-bootstrap theme v 1.0 

 

I tried to figure out how to do it by myself, but I don't understand. Could you help me?

(I'm not expert, explain step by step pls.  )

 

Tnx in advance.

[dioniz]

Try this:

In file yourdomain/new/modules/slider/views/css/slider.css find:

.news-slider {
    height: 100%;
    width: 66.666%;
}

change to:

.news-slider {
    height: 100%;
    width: 66.666%;
    float:left;
}

[ivan36016]

Thank you very much!!!

[ivan36016]

The normal layout now is fine. But i checked the mobile version and the log-in box remain big and below. How i can fix?

Tnx again.

 

https://dl.dropboxusercontent.com/u/48104996/2014-06-29%2009.29.04.png

[dioniz]

You will need to make media queries for smaller screens

[ivan36016]

I tried to understand how CSS media queries work. After i tryed to change the code in my site.

I was wrong something, a disaster. I had to remake everything and now I'm at the starting point.

Could you help me (if is possible) to make acceptable view of my site in the mobile device?

Maybe with a practical example I can understand. I'm starting to hate the responsive themes.

Now (after remake) the site is changed a little: http://www.smartglass.it/new/it/

 

I'm sorry for the disturb, and say thanks another one time.

[dioniz]

Have you made that login module?

It's made with tables which is not very good idea for responsive design.

 

Since 1.6 uses boot_strap i suggest you to read about bootstrap forms here: http://getbootstrap.com/css/#forms and change your module according to boot_strap code. This way you will have same styling all over your theme and responsive form.

[ivan36016]

After look at the link that you gave me I removed my login form from the box where it was and I solved partially, then I noticed the option to disable the view on mobile devices for every module. I solved my problem by disabling the second slideshow. The view is not perfect, but better than before. 

Thank you.