-
Posts
-
Hi there, I need a little help in responsive cases ….
How can I change HEADING H4 for responsive?
Where is the CSS file?http://www.webonly.at/subdomains/aumann/wp-content/uploads/headings-aumann.JPG
http://www.webonly.at/subdomains/aumann/wp-content/uploads/headings-2-aumann.JPGHow can I fix the mixed up of colums in iPads ….
iPad shows me an oversized box instead 3 small or 1 small box …http://www.webonly.at/subdomains/aumann/wp-content/uploads/firefox-colums.JPG
http://www.webonly.at/subdomains/aumann/wp-content/uploads/ie-columns.JPG
http://www.webonly.at/subdomains/aumann/wp-content/uploads/safari-columns.JPGHi Harry!
Please try the following in your Quick CSS for the h4 header:
@media only screen and (max-width: 959px) { h4.av-special-heading-tag{ font-size: 28px !important; } }Not sure I understand exactly what do you want to do with the 3 columns? Display them side by side on all screens or only desktop? Please elaborate a bit.
Regards,
RikardHi Rikard!
Problem is, it is correct on SAFARI and GOOGLE on desktop. 3 colums are in one row and they get smaller if the screen gets smaller, and then they show under each other if it gets under 400 px – thats OK
ON FIREFOX and IE the 3 colums stack and dont show different – the ycolumns are cutted ….
On iPhone and iPad and smart it is OK!
Just ON DESKTOPS under 1000 px width …. on IE and Firefox
Thx
http://www.webonly.at/subdomains/aumann/wp-content/uploads/probs-safari-moz.JPG
http://www.webonly.at/subdomains/aumann/wp-content/uploads/probs-columns.JPGhere is the CSS i have in the Quick CSS:
div .slideshow_caption h2 {text-transform: none !important;}
h1, h2, h3, h4, h5, h6 {font-weight: 200;}
.avia-caption-title {color: #ffffff !important;}.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {letter-spacing: -0.2px !important; text-transform: none !important; line-height:1.25em;}
#top .av_header_transparency.av_alternate_logo_active .logo a > img {opacity: 100;}
.container_wrap { border: none !important;}
/*.inner-container {margin-top: -10px;}
header {padding-bottom:10px;}*/#scroll-top-link {right: 0px !important;}
.flex_column.av_one_third {padding: 10px;
background-image: url(http://webonly.at/subdomains/aumann/wp-content/themes/enfold/images/black70.png);
background-repeat: repeat;
-moz-border-radius: 10px;
-ms-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}.av-catalogue-container{padding: 20px;background-image: url(http://webonly.at/subdomains/aumann/wp-content/themes/enfold/images/white70.png);
background-repeat: repeat;
-moz-border-radius: 10px;
-ms-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}.caption_bottom .slideshow_caption .slideshow_inner_caption .slideshow_align_caption {text-align: center !important;}
.slideshow_caption {padding-left: 0px !important;}
.main_color .av-catalogue-content {color:#000 !important;}
.av-catalogue-list > li, .av-catalogue-list {border:none;}#advanced_menu_toggle, #advanced_menu_hide {border:none; font-size: 50px; margin-top: -25px; color: #fff !important; }
@media only screen and (max-width: 990px) { #wrap_all {position: relative !important;}}
@media only screen and (max-width: 767px) {.responsive #top #wrap_all #header { position: fixed; }
.responsive #top #main { padding-top: 80px!important; }}@media only screen and (max-width: 959px) { h4.av-special-heading-tag, h2.av-special-heading-tag {font-size: 18px !important;}
.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {width:95%;}
}@media only screen and (max-width: 959px) { .avia_iconbox_title {font-size: 14px !important;}
}Hey!
Thank you for using Enfold. You have the “autooptimize” feature enabled on the site which minify the script and stylesheets. Please disable it then check the page again. Also, you have this code which breaks the site on firefox:
.avia-section.av-minimum-height .container .content { display: table-cell; vertical-align: middle; height: 100%; float: none !important; }Please remove it.
Cheers!
Ismaeli switched off the autominimize
I also deleted the CSS above – nothing changed :-(
AND ONE MORE THING:
If I want to get a CSS Class into a MAIN MENU BUTTON above – how must I set the correct CSS for a new colour of the button???
THx harry
Hi!
You would use this CSS.
.your-class .avia-menu-text { color: blue !important; background-color: red !important; } .your-class .avia-menu-text:hover { color: red !important; background-color: blue !important; }If I am misunderstanding then please send us a link to the exact page and take a screenshot highlighting what your trying to do.
Regards,
ElliottHey webonly!
Did you get your problems solved? If not, which one are you still experiencing?
Best regards,
RikardHi Rikard!
Not yet! All is perfect instead the Firefox Problem with the startsite http://www.aumann-wien.at
If the window of the browser gets smaller the 3 colums didnt show up or change their 1/3 view ….try it and you know what I mean
But ONLY on Firefox and IE – Safari, Opera working perfect! also iPad and iPhones
thanks a lot Harry
- You must be logged in to reply to this topic.