Hey!

Please add following code to Quick CSS as well

#top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a {
    box-shadow: 0px 0px 1px 0px black;
}

Best regards,
Yigit

Hey!

Sorry about that, please use following one :)

@media only screen and (max-width: 990px) and (min-width: 768px) {
.rtl #advanced_menu_toggle {
    top: 100px;
    right: 50px;
}}
@media only screen and (max-width: 767px) {
.rtl #advanced_menu_toggle {
    right: 0;
    top: 100px; 
}}

Cheers!
Yigit

• This reply was modified 9 years, 6 months ago by Yigit.

Hey!

Please change the code to following one

@media only screen and (max-width: 990px) and (min-width: 768px) {
.rtl #advanced_menu_toggle {
    top: 100px;
    right: 50px;
}}
@media only screen and (max-width: 767px) {
.rtl #advanced_menu_toggle {
    right: 0;
}}

Cheers!
Yigit

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

@media only screen and (max-width: 990px) {
.rtl #advanced_menu_toggle {
    top: 100px;
    right: 0;
}}

Best regards,
Yigit

Hey caroberto6,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

#top .fullsize .template-blog .post .entry-content-wrapper > *,
#top .fullsize .template-blog .post .entry-content-wrapper {
    max-width: 100%;
}

Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

Best regards,
Yigit

Hey!

Code i posted here – https://kriesi.at/support/topic/h1-tag-only-for-homepage/#post-697252 should have worked just fine. If it does not, please create a temporary admin login and post it here privately.

Regards,
Yigit

Hi!

Yes, please change the code to following one

@media only screen and (max-width: 768px) {
.responsive #top .logo img {
    top: 10px;
}}

Best regards,
Yigit

Hi,

Great, glad you got it working :-)

Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi,

Great, glad you solved your problem :-)

Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi,

I think it would be easier if you created a new section to only show for mobile, and give your sections unique IDs so that you can hide/show them for the correct screen size using CSS:

@media only screen and (min-width: 768px) {
 #section-desktop {
display:block !important;
}
 #section-phone {
display:none !important;
}
}

@media only screen and (max-width: 767px) {
 #section-desktop {
display:none !important;
}
 #section-phone {
display:block !important;
}
}

Regards,
Rikard