Hi All,

Apologies for the long winded message but there are a few tweaks that’s needed to my site after upgrading from 2.9.2 to 3.0.4 and WP 4.0.1 My live site can be seen here: http://www.marcgodfreeweddings.co.uk and my dev site here: http://www.dev.marcgodfreeweddings.co.uk

Home page:
– My logo and menu on my live site does not have a line separator between them yet my dev site does. How can this be removed? (please note my custom css below)

Pages:
– The page title (same level as the breadcrumb) is forced left on my dev site. How can this be aligned with the page content as seen on my live site?

With Mobile devices (iPad air) my menu is wrapping in landscape view on my dev site. I have previously included the following css code which worked on my live site but not in dev. Please can you let me know what I need to modify to resolve this?:

/* Responsive menu placement in Portrait mode */
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
height: 65px !important;
top: 5px;
}
}

@media only screen and (max-width: 990px) {
.title_container .breadcrumb { right: auto; top: 75%; left: 0; margin-left: -2px; }
#top .title_container .container { min-height: 60px; }}

Here is a list of the full custom ccs code that I am using:

/*Border removal for the main menu*/
.html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a, .html_bottom_nav_header.html_logo_center #top #menu-item-search>a, .html_header_top.html_bottom_nav_header .main_menu ul:first-child>li:first-child a { border: none; }

#header_main { border-bottom-style: none; }
/*Border removal for the main menu - end*/

/*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/
#header_main .container, .main_menu ul:first-child > li a{ height:80px; line-height: 150px; }

/*Font sizes for H1-6 headings*/
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
text-transform: none;
letter-spacing: 1px;
}

h1 {font-size: 25px};
h2 {font-size: 18px;line-height: 1.1em;margin-bottom: 10px;}
h2 {font-size: 18px;line-height: 1.1em;margin-bottom: 10px;}

h3 {font-size: 15px};
h4 {font-size: 12px};
h5 {font-size: 12px};
h6 {font-size: 10px};

#top .main_menu .menu li ul a { font-size: 18px; }

.phone-info span{
font-size: 1.30em;
}

/*End of font sizing for H1-6 headings & Submenu resize*/

/* White space removal after slider and headlines */
.av_textblock_section {
margin-top: -25px;
}
/* White space removal after slider and headlines - END*/

/*Testimonial white space reducer*/
.avia-testimonial {
padding: 10 20px;
}

.avia-testimonial-wrapper {
margin: 0 0 30px 0;
}
/*Testimonial white space reducer-END*/

/*White space adjustments*/
.avia-section-large .content, .avia-section-large .sidebar {
padding-top: 0px;
padding-bottom: 0px;
}

body .column-top-margin {
margin-top: 0!important;
}

body.home .column-top-margin {
margin-top: -0;
}
/*White space removel - end*/

/*Center alignment for footer copyright*/
#socket .copyright { width: 100%; text-align: center; }
#socket .sub_menu_socket { margin-top: -20px; }
/*Center alignment for footer copyright - end*/

/*Main menu font size*/
.html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a { font-size: 14px; }
/*Main menu font size - end*/

/*Page title font size & Breadcrumb-Title box height*/
.title_container .main-title {
font-size: 20px;
font-weight: 400;
}

#top .title_container .container {
padding: 0px 0;
min-height: 36px;
}

#top .alternate_color.title_container .main-title a {
color: #e46ba8;
}

/*Page title font size & Breadcrumb-Title box height - end*/

/*Line seperator spacing*/
.hr {
padding-top: 5px!important;
padding-bottom: 5px!important;
}
/*Line seperator spacing - end*/

/*Footer box height*/
#footer, #socket .container { padding: 0; }
#footer .widget { margin: 0; }
/*Footer box height - end*/

.phone-info span{
font-size: 1.30em;
}

/* Phone number resizing for mobile phones */
@media only screen and (max-width: 479px) {
.av_phone_active_right .phone-info {
width: 100% !important;
text-align: center !important;
font-size: 10px !important;
}
}

/* Breadcrumb removal for mobile phones */
@media only screen and (max-width: 767px) {
div.breadcrumb.breadcrumbs.avia-breadcrumbs {
display: none;
}
}

/* Responsive menu placement in Portrait mode */
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
height: 65px !important;
top: 5px;
}
}

@media only screen and (max-width: 990px) {
.title_container .breadcrumb { right: auto; top: 75%; left: 0; margin-left: -2px; }
#top .title_container .container { min-height: 60px; }}

/*Remove the option to have replies on posts*/
div.comment-entry.post-entry { display: none; }
/*Remove the option to have replies on posts - END*/

.avia-content-slider .slide-meta div { display: none !important; }

/*Remove items under each post*/
.post .comment-container,
.post .text-sep-comment{
display: none;
}
/*Remove items under each post - END*/

span.blog-categories, .text-sep-cat {
display: none !important;
}

.single-post .breadcrumb-trail span:nth-child(5), .single-post .breadcrumb-trail span:nth-child(6) {
    display: none;
}

/*GRAVITY FORMS TEST*/

.gform_wrapper .gfield_label {
color: #black;
font-family: Questrial, Verdana, Geneva, sans-serif;
font-size: 16px;
}

/*GRAVITY FORMS TEST-END*/

/*TEST*/
add_action('init','avia_remove_yoast_filter');
function avia_remove_yoast_filter()
{
    remove_filter('wpseo_pre_analysis_post_content','avia_wpseo_pre_analysis_post_content_fix', 10, 1);
    remove_filter('wpseo_video_index_content','avia_wpseo_video_content_fix', 10, 2);
}

/*TEST-END*/

Thanks in advance
Marc

• This topic was modified 11 years, 4 months ago by MarcG5.

hi team, thanks for the great help.

in the headlines i’m using the special heading from avia builder, i inserted this text:

but in the website, the “&” was automatically detected as a span.special_amp:

how can i make sure it won’t be detected as a span.special_amp? i want a simple “&” character, in the same font and size as the rest of the heading.

i don’t want to reset the span.special_amp class alltogether, just prevent the specific & character from this headline from it.

Hi,
how can I change/increase the font size of the a.m. headlines? I´ve found some css codes re. the single blog entries headlines, but not for the a.m. content element of the Avia Layout architext (list of blog entries with the text excerpts follwowing). Thx a lot and best regards, oestersund