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
- THP-Tanja
-
- Commercial Templates
- Tuesday, 01 May 2018
- Subscribe via email
And it is interesting: When I delete all the responsive css, the image ist much bigger (too big ...). I'm confused!
- more than a month ago
- Commercial Templates
- # 1
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
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
- more than a month ago
- Commercial Templates
- # 2
Thank you
I have amended your Custom CSS slightly and your articles images should be now improved on smaller screen devices.
Ciarán
I have amended your Custom CSS slightly and your articles images should be now improved on smaller screen devices.
Ciarán
- more than a month ago
- Commercial Templates
- # 3
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
now it looks like it should. Is there a way to eliminate the white space above the breadcrumb too?
Have a great weekend
Tanja
- more than a month ago
- Commercial Templates
- # 4
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)....
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
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
- more than a month ago
- Commercial Templates
- # 5
Thanks Ciarán,
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
#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
- more than a month ago
- Commercial Templates
- # 6
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
In the General -> Body/Header Styling tab of your template style settings, does setting the Header Min-Height resolve the issue?
Ciarán
- more than a month ago
- Commercial Templates
- # 7
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
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
- more than a month ago
- Commercial Templates
- # 8
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!
Please login to post a reply
You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »