I tried rewriting my request to be more clear. I made it clear to only look at the top section of the screenshots page.

What I am trying to find out is if the Enfold theme handles headlines for Pages in an unusual manner. I am accustomed to simply entering the headline in the place provided by WordPress and having those headlines show up at the top of the page.

Normally on both posts and pages, what is written in the WordPress place allocated for headlines, shows up as an H1 for the purposes of SEO.

I am trying to clarify if that is neither the default on Enfold nor one of the options in settings for Pages (not posts, I realize they are handled differently)

Here is what I mean by the place allocated for WordPress headlines in this screenshot from the Enfold theme for BertaArt: please see

Here is an example in a more standard theme for entering the headline and how it appears at the top of the page after being entered.
Please see the same screenshots blog post.

It appears that my predecessor decided not to use standard WordPress headlines, choosing “hide title and breadcrumbs” in the Enfold theme settings and put the H1 as HTML code at the top of each body content in pages.

This is only a factor for Pages. The layout for the blog is DOES use the WordPress headline.

I am concerned this methodology is creating a double H1 for Google on the Pages in this website. That is because I do have to put something in the place where the headline should go just to manage the page names in the WordPress dashboard.

This is what happens if I elect to “display only title” The font is not showing as H1. I tried selecting this option both on the header page options for Enfold settings and the options on the sidebar of the page.
Screenshot in same blog post above

This is everything currently in Quick CSS. You can see that there is a setting for H1’s and it works in the content body.

h1 {font-size: 26px; line-height: 1.1em; margin-bottom: 10px;}
h2 {font-size: 22px; line-height: 1.1em; margin-bottom: 8px; }
h3 {font-size: 16px; line-height: 1.1em; margin-bottom: 6px;}
h4 {font-size: 16px; line-height: 1.1em; }

p { font-size: 1.1em;}

.responsive #top #main .sidebar { display: block !important; }

#top .avia-post-nav { display: none; }

.small-preview {background: none !important;}

.html_bottom_nav_header.html_logo_center #top #menu-item-search>a {
  border-color: #fff;}

.socialmedia-buttons {margin-top: 13px;}

.main_color h1 {color: #439AC7;}

#top h2 a {color:#439ac7;}

.wp-caption-text {
display:block !important;
font-size:14px !important;
font-style:bold !important;
font-style:italic !important;
margin:0 auto !important;
padding:3px 10px 5px !important;
text-align:center !important;
font-family: “Verdana”, arial, sans-serif !important; }

Hi,
I fixed the issue on desktop with this code:
.avia-section {
margin-top: 140px;
padding-top: 12%;
}
Maybe it’s not the best way to do it but it works
1) I need help to do the same thing with responsive mode, but the code doesn’t work…

2) My png 8 logo appears blurred on mobile, what is wrong?

Thank you for your help

Thank you Vinay!

You can close the topic.

Do you mean which browser do I use on my iPhone? I use Safari on my phone. When i view the mobile version using Safari on my desktop all looks correct…

Unfortunately our new website that we are working on is only seen locally at the moment. I can though, show you our current live site that is using a different theme builder and has achieved the desired result. Please visit: http://www.varsityfs.com/additional-resources/. This page is a regular page I created and I added the feature image as the image at the top of the page. I then, through our current theme builder, used a similar tool as the Blog Post builder to combine multiple Custom Post Types on one page. Each section on this page (Case Studies, White Papers, Brochures) are individual custom post types. When creating the section, similar to how you would with the Enfold Blog Post element, I could also choose the Custom Post Type I wanted displayed. Not just a category or tag.

Below is a video screen show of what I see through the enfold builder: http://screencast.com/t/4McUYtqxcxOr. Note there is no option to select my custom post types: Case Studies, White Papers, etc.).

As far as I can tell, all I can do is view an archive page but I can’t edit the archive page. As a reminder, we are looking for a non-php solultion as I’m doing content and don’t have access to the php.

This is my current Quick CSS. I hope there is no css code here that conflicts with image resizing on different devices.

`#menu-item-search { display: none; }
.main_menu ul:first-child > li > a { font-size: 18px; }
#top .cart_dropdown { display: none; }

#top .ar-hidden-logo {
display: none;
}

.avia-fullscreen-slider .avia-slideshow ul li {
background-size: 100% 100%;
}

Also I tried to add CSS from these posts which did not fix the issue. Please advise?

On iPad the problem is that the image is stuck in a transition between switching to another picture. If you look at image 3, 25% of the image is the red product image, while the remaining 75% is the grey product image. This does not change as you scroll down as it does on desktop.
On my android tablet instead of 1 big image there is 4 small images. And they all appear as they should with different product images.
EDIT: And yes, on my Android tablet our site looks identical to your Enfold App Demo with 4 small images.
The problem seems to be related with iPad.