Hi

Ismael. It was on a 17″ computer screen but I still have big problems that I really need to resolve now.

My logo is : 250 x 101 so it’s not big.
The problem I think is that my menu has to be written in capitals.

When I am on 17″ computer I have this problem: The logo is WAY TOO CLOSE to the nav bar text. And it even goes on the first word when the page first appears.
https://www.dropbox.com/s/5iz4ngqfhn0uxed/mariage_in_oui___Cr%C3%A9ateur_de_Mariages_de_R%C3%AAves_%C3%A0_l_Etranger.jpg
AND on ipad look what I have.
https://www.dropbox.com/s/oadbyqxlukzdxzv/IMG_1087.PNG

But when it’s enfold default logo it’s almost perfect (still too close but better) (on computer screen)

https://www.dropbox.com/s/n5p25999q0mo4w3/Banners_and_Alerts_et_mariage_in_oui___Cr%C3%A9ateur_de_Mariages_de_R%C3%AAves_%C3%A0_l_Etranger.jpg

In my css I have all of these:

@media only screen and (max-width: 989px) and (min-width: 768px){
.responsive .mobile_menu_tablet .main_menu {
display: block!important; }}

div .logo { left: -30px; }

@media only screen and (min-width: 768px) and (max-width: 989px) {
.main_menu ul:first-child > li > a {
padding: 0 10px !important;
font-size: 12px;
}
}

I really need to fix this..Please.

Kind regards

Delphine

As I mentioned this is an internal site so no links and that is why I gave the procedure to reproduce.

I noticed that the font color for the buttons in the sidebar is taken from the Main content Font Color. Change the default font color to red in the Main Content Style tab and the button default color is now red.
Does this help?
If the button is in a page then it seems the button text color takes over, if the button is in the sidebar then the site Main Content Font Color is used instead
I tested it both with the shortcode version and the html output version and both give the same results

[av_button color='#FFFFFF' label='Click me' link='manually,http://www.google' link_target='' color='blue' custom_bg='#444444' custom_font='#ffffff' size='medium' position='center' icon_select='yes' icon='ue80c' font='entypo-fontello']

<div class="avia-button-wrap avia-button-center avia-builder-el-0 avia-builder-el-no-sibling ">
<a class="avia-button avia-icon_select-yes avia-color-blue avia-size-medium avia-position-center " href="http://www.google">
<span class="avia_button_icon" data-av_iconfont="entypo-fontello" data-av_icon="" aria-hidden="true"></span>
<span class="avia_iconbox_title">Click me</span>
</a>
</div>

• This reply was modified 12 years, 5 months ago by Monsoon.

Actually I just realized that the code that fixes the responsive issue is overriding all of the rest of the code in Quick CSS.
This is the current Quick CSS including the code to fix the responsive issue(none of the other code is working anymore):

@media only screen and (max-width: 989px) {
.responsive #header .main_menu ul {
display: none;
}

@media only screen and (max-width: 989px){
.mobile_active #advanced_menu_toggle {
display: block;
}

#top #menu-item-search.menu-item-search-dropdown>a {display:none;}

.overlay-type-extern{
display: none !important;
}

#header {
background-color: #FFF;
}

input[type=”submit”],
#form-1-1339700500 .submit {
padding: 0 3%;
text-align: left;
width: 103px;
height: 32px;
background-image: url(“http://startwishing.com/wp-content/uploads/2013/10/Submit-3-39.png”);
background-position: 0 0;
border-style: solid;
border-width: .25px;
display: inline-block;
font-size: 12px;
line-height: 28px;
margin: 3px 0;
position: relative;
text-decoration: none;
}

body p, body {
font-family: “Open Sans”;
font-size: 11pt;
}
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 640px) {
/* Add your Mobile Styles here */
.template-page .entry-content h2, .av-special-heading h3 {
white-space: normal !important;
}

Nevermind, that led me to change the font SIZE – I want to change the STYLE