View Replies (12)

Resolved Remove the blanks

  1. Issue
  1. Innovate
  2. Wednesday, 05 August 2020
Hello, how can I get rid of the gap in the menu on the mobile phone?
Attachments (1)
IMG_20200805_173516.jpg IMG_20200805_173516.jpg
Accepted Answer
Hi,
Got it.
Use this custom css


.offcanvas-menu .offcanvas-inner .sp-module{

  margin:0 0 !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. Innovate
  3. # Permalink
Responses (12)
Hi,
Could you please share your site URL? So that I can check?
Thank you
  1. more than a month ago
  2. Innovate
  3. # 1
http://www.hvvm.com
  1. more than a month ago
  2. Innovate
  3. # 2
Please give me that specific page link. Its different language I do not understand
  1. more than a month ago
  2. Innovate
  3. # 3
Please click the offcanva menu on the home page
Attachments (2)
IMG_20200805_184313.jpg IMG_20200805_184313.jpg
IMG_20200805_184518.jpg IMG_20200805_184518.jpg
  1. more than a month ago
  2. Innovate
  3. # 4
Hi,
Got it.
Use this custom css


.offcanvas-menu .offcanvas-inner .sp-module{

  margin:0 0 !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
Which file should I add these to? Or where to change the height? I don't want to add code in CSS in helix, because if there are other problems in CSS in helix, you can't add code in helix?
  1. more than a month ago
  2. Innovate
  3. # 5
If I set [☞. Offcanvas menu. Offcanvas inner. SP module{ margin:0 0 ! important;} ☜] delete from helix and add other codes in helix, then [☞. Offcanvas menu. Offcanvas inner. SP module{ margin:0 0 This code is useless
  1. more than a month ago
  2. Innovate
  3. # 6
If I set [☞. Offcanvas menu. Offcanvas inner. SP module{ margin:0 0 ! important;} ☜] delete from helix and add other codes in helix, then [☞. Offcanvas menu. Offcanvas inner. SP module{ margin:0 0 This code is useless


This is not useless whatever is this solved now?
  1. more than a month ago
  2. Innovate
  3. # 7
If I set [☞. Offcanvas menu. Offcanvas inner. SP module{ margin:0 0 ! important;} ☜] delete from helix and add other codes in helix, then [☞. Offcanvas menu. Offcanvas inner. SP module{ margin:0 0 This code is useless


This is not useless whatever is this solved now?
Right
  1. more than a month ago
  2. Innovate
  3. # 8
If I set [☞. Offcanvas menu. Offcanvas inner. SP module{ margin:0 0 ! important;} ☜] delete from helix and add other codes in helix, then [☞. Offcanvas menu. Offcanvas inner. SP module{ margin:0 0 This code is useless


This is not useless whatever is this solved now?
Right
It's too close now
  1. more than a month ago
  2. Innovate
  3. # 9
After following the steps you gave, it's too close now
Attachments (1)
IMG_20200805_200810.jpg IMG_20200805_200810.jpg
  1. more than a month ago
  2. Innovate
  3. # 10
Then use this code


.offcanvas-menu .offcanvas-inner .sp-module {

    margin: 0 0 !important;

    position: relative;

    top: 25px;

}
  1. more than a month ago
  2. Innovate
  3. # 11


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.