1. THP-Tanja
  2. Commercial Templates
  3. Tuesday, 01 May 2018
  4.  Subscribe via email
Hi Ciaran,

I have a problem styling the responsive layout of my blog (Phone, portrait). There is a white space above the breadcrumb and the image is much to small (see attachment)

The website is now live: http://www.tierheilpraktik-moeller.de
Accepted Answer Pending Moderation
0
Votes
Undo
And it is interesting: When I delete all the responsive css, the image ist much bigger (too big ...). I'm confused!
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Are you using any extension that may effect your article image? There appears to be some inline styling which is not from the template. If you are not using an extension may I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

I have amended your Custom CSS slightly and your articles images should be now improved on smaller screen devices.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciarán,

now it looks like it should. Is there a way to eliminate the white space above the breadcrumb too?

Have a great weekend
Tanja
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend the space above your breadbrumbs, you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

#breadcrumb {
padding-top: 5px !important;
}


On a side note I would recommend reducing the filesize of your homepage slideshow images. They are quite big! The best way to do this would be to convert them to JPG. PNGs are not recommended for photos.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciarán,


#breadcrumb {
padding-top: 5px !important;
}

doesn't work to amend the white space above the breadcrumb, it only made the breadcrumb stick close to the menue. I figured out, that the white space ist exactly as high as the menu, so after menu breackpoint the menu disappears and instead the white space appears. It has also something to do with the #undefined-sticky-wrapper, but I cant't find out how to fix it. Would be great if you had another look. Thanks for help!!!

I changed all images from .png to .jpg (except the logos). Thanks for that hint!
Tanja
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Tanja

In the General -> Body/Header Styling tab of your template style settings, does setting the Header Min-Height resolve the issue?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán,

no, there ist no effect. I now changed the color of the body background, so there is no white space, that's ok but only a perfekt solution.

Thanks for your help.
Tanja
  1. more than a month ago
  2. Commercial Templates
  3. # 8
  • Page :
  • 1


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