The problem with the form is on a home page. at the top (GET YOUR INSTANT QUOTE)
Please check it.

Hi, thanks for everyone’s response, I’m very appreciative.

Yigit, that did not work. I did try refreshing, and refreshing my cache. What is strange is that my macbook at home, using chrome, was showing an adjustment I tried that made the circle padding closer to the actual symbol within my icon element. Now, when I’m here at work, that edit is no longer showing up. Both browsers were using chrome I believe. Here is my icon quick css code, it would be great to be able to change the text color to be mobile responsive as well, as I am often losing readability based on my original color choice.

a.av-icon-char:hover span {
color: #ac97c1;
}

.av_font_icon.av-icon-style-border .av-icon-char { padding: 5px; }
#top .avia-icon-tooltip { font-size: 10px!important; }

.iconbox .iconbox_content .iconbox_content_title {
font-size: 10px;
}

hm – it seems that it is not from the enfold magazine sort options ( it is from gallery plugin sortoption)
so – first : no matter for you i guess. it is a part of ngg gallery
the gallery is in a portfolio – and that gallery itself has sort options which on some reasons go to $excerpt of Portfolio – i have to look in that ngg code ( there seems to miss some closing tags)

so can be closed- because it seems to be a problem with ngg !

Thx Rikard
That made the text smaller which is kind of OK (plan B), but is there a way to have it like default responsive – each column in its own row. Like the “icon boxes” above for example.

Also there is another small issue: somehow when on mobile the testemonial image and title of the person are not centered but aligned left. I can’t find it where this is defined… on desktop however it seems to be correct.

Thank you regards
Ananda

Hi Vinay,

All you suggested is done and nothing helps.

One ‘maybe’ I can think of is that through style.css in the child theme I have made some changes to the header in order to show the logo in the centre / in between the menu. But that only concerns large screens (from 990px onwards) and I do not see what influence that could have on the hamburger menu on a mobile, nor on a full screen slider which is not even in the header but in the content itself… Fyi find the css code below.

What do you think?

Regards,
Monique

/* logo area op groot beeldscherm niet laten zien want staat in menu */

@media only screen and (min-width: 990px) {
.av-logo-container {
	display: none !important;
}
}

/* menu uitlijnen met logo in het midden */

@media only screen and (min-width: 990px) {
#menu-item-34, #menu-item-33, #menu-item-32, #menu-item-30 {
	top: 30px;
	right: 30px;
}

#menu-item-31 {
	top: 30px;
	right: -20px;
}

#menu-item-42, #menu-item-41 {
	top: 30px;
	right: -30px;
}
}

/* logo als menu item niet laten zien op smallere beeldschermen */

@media only screen and (max-width: 989px) {
#menu-item-36 {
	display: none !important;
}
}

/* menu hoogte aanpassen ivm logo afbeelding */

#header #header_main_alternate .container {
    height: 110px;
	padding: 5px 0;
}

/* menu aanpassingen items dichter bij elkaar */

.av-main-nav > li > a {
    font-weight: normal;
    padding: 0 8px;
}

of i fix this. it was about a turkish charachter on menu item that stops jquery’s job.

yes thxs for this one
i add width condition to be perfect :
@media only screen and (min-width: 768px) {
.html_header_top.html_header_topbar_active.html_header_sticky.html_large.html_bottom_nav_header #top #main {padding-top: 149px !important;}
}

can you help me with my the other questions ?
thxs

it works but it is not responsive also i have video on slider. its working on desktop but in mobile its not working.
here it is a link of my website : http://test.happycoading.com/

• This reply was modified 9 years, 2 months ago by muskowl16.

Hi,Yigit
Thanks very much as always.

Part 1:
.single h1.product_title {
font-size: 20px;
font-weight: bold;
}

it works perfectly

Part 2:

#tab-description > h2 {
display: none;
}
not working, the repeated title still exists

Part 3:
#top div div.product .woocommerce-tabs .panel {
font-size: 14px;
}

working great!

#top div div.product .woocommerce-tabs ul.tabs li a {
font-size: 16px;
}
it don’t need this, but still thanks.

and thanks for the rest information also, I will procced as per the guidlines

BTW, the request of change the position of Categories and Tag
is this possible?