View Replies (7)

Resolved CSS

  1. Task
  1. Floox
  2. Tuesday, 28 April 2020
There is a module which has fix width and highth, from computer it is fine. from mobile view, it is too large. Is there a CSS to apply so that it will be smaller from mobile view?
Accepted Answer
HI,
Use this custom css




@media (max-width: 768px){

div#BDMapsID {

    width: auto !important;

    height: 350px !important;

}





}

Add this css code inside the custom.css file.
Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn
In Extensions>Template> Template Options > Custom Code > Custom CSS please add this
Thanks
  1. more than a month ago
  2. Floox
  3. # Permalink
Responses (7)
HI,
Could you please share your site URL? It would be better for me to solve this issue
Thanks
  1. more than a month ago
  2. Floox
  3. # 1
http://www.alphabook.cn then contact section
  1. more than a month ago
  2. Floox
  3. # 2
Hi,
Could you please mention which portion you are talking about?
https://prnt.sc/s7uhq6
Thanks
  1. more than a month ago
  2. Floox
  3. # 3
The bottom map
  1. more than a month ago
  2. Floox
  3. # 4
It works perfect, Thanks
  1. more than a month ago
  2. Floox
  3. # 5
You are most welcome:)
  1. more than a month ago
  2. Floox
  3. # 6


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.

Please publish modules in sidebar position.