Virtuemart Support :: Topic: Some problems in when i resize the web (1/1)

Welcome, Guest

TOPIC: Some problems in when i resize the web

Some problems in when i resize the web 9 years 10 months ago #10019

Raúl Ramón Val	I have some problems when i resize the web...you can see this errors in this images. How can solved this? Attachment 1_2014-05-29.jpg not found Attachment 2_2014-05-29.jpg not found you can see this error if you push in TIENDA ONLINE Attachment 3_2014-05-29.jpg not found Attachment 4.jpg not found
	The administrator has disabled public write access.

Some problems in when i resize the web 9 years 10 months ago #10030

Support

Hi,

The 1st and 2nd screenshots have nothing to do with our template. Because:

Attachment Pasted_Image_5_30_14__2_45_PM.png not found

so, i can't help you with them.

To fix problems in the 3rd and 4th screenshots,

open this CSS file:
/templates/flexible_coolmart/css/responsive.css

and to the top of this CSS file, include these lines:

@media screen and (max-width: 568px) {
  div#maininner, div#sidebar-a, div#sidebar-b  { left:0px;}   
  #bottom-b div.grid-box { width:50%;}   
}

Everything will look much better.

Regards.
Support

Last Edit: 9 years 10 months ago by Support.

The administrator has disabled public write access.

Some problems in when i resize the web 9 years 10 months ago #10044

Raúl Ramón Val

Dear support i have solved some problem with your suggestions but i have some problems....

1º. In the first image you see two red selections. I solved the second big red selection...but not the little error that appears (on the top right menu). i have the same modules on the botton of the page but it´s works fine there....i don´t undernstand why run there and not on the top position...

Attachment 5_2014-06-01.jpg not found

2º. I change "flexible carousel module " for "products virtuemart module" and i don´t see good...there are a problem to see when i resize the web...you can see image-4 and i have the same error with products module.

Attachment 4_2014-06-01.jpg not found

I wait your answer....

thanks

The administrator has disabled public write access.

Some problems in when i resize the web 9 years 10 months ago #10059

Support

Hi,

In my previous post, i made a mistake and gave you faulty CSS declaration.
Replace it with this:

@media screen and (max-width: 568px) {
  #maininner, #sidebar-a, #sidebar-b  { left:0px !important;}   
  #bottom-b div.grid-box { width:50%;}   
}

And the problem in the 2nd screenshot will be resolved. About the 1st issue you are having. It literally has nothing to do with our template. Therefore i can't help you with it. But it looks like a display:table; and <p> issue. So, it can be solved via CSS modifications.

TIP: I would suggest you to use 1 module and include all those 5 banner side by side. You don't need to create 5 modules. You can use DIV class name of width20 and floatleft.

For example, create only 1 custom HTML module in that position and use this HTML scheme below: (to list 5 banners side by side)

<div id="topBanners">
<div class="width20 floatleft">
    <a href="bannerURL"> 
         <img src="bannerImagSRC">
    </a>
</div>
<div class="width20 floatleft">
    <a href="bannerURL"> 
         <img src="bannerImagSRC">
    </a>
</div>
<div class="width20 floatleft">
    <a href="bannerURL"> 
         <img src="bannerImagSRC">
    </a>
</div>
<div class="width20 floatleft">
    <a href="bannerURL"> 
         <img src="bannerImagSRC">
    </a>
</div>
<div class="width20 floatleft">
    <a href="bannerURL"> 
         <img src="bannerImagSRC">
    </a>
</div>
<div class="clearfix"> </div>
</div>