1. mesquite
  2. Sherlock Holmes
  3. Commercial Templates
  4. Saturday, 17 August 2024
  5.  Subscribe via email
Hi Ciaran
Please see: https://smudgerestaurant.co.uk/
I want to increase the padding between the menu bar and the main page.
On a mobile when a social media icon is on view there is no padding at all.

Regards
Terry
Accepted Answer Pending Moderation
0
Votes
Undo
did you try to use the module overrides of the template style?
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Sorry Franc but I wouldn't know how to do that.
That's why I asked for help.

Regards
Terry
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Franc
I'm not asking to change the position of a module.
Have you viewed the the URL in mobile mode?
You'll see that the graphic featured on the homepage when viewed on mobile overides the social media menubar.
I thought you would be able to identify if this is an issue with the actual template permeters and provide a fix.

Regards
Terry
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

@media only screen and (max-width: 767px) {
:root {
--j51-grid-row-gap: 60px;
}
}


This will amend the vertical spacing on mobile (edit to taste).

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciaran.
Much appreciated.
Looks great.

Regards
Terry
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


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