- This topic is empty.
-
AuthorPosts
-
April 4, 2016 at 3:29 am #240210
Amol
ParticipantHello Everyone,
I been working on one of my client sites on Genesis Framework.
I have created parallax section for featured image at top of the page & post.I am facing problem with the Page title display as it gets hidden behind the navigation on desktop view. when viewed in the mobile device or resize the window the page title goes at the bottom of image.
Thanks everyone for reading the query and helping with the issue.
Link to the page http://kleverkprod.wpengine.com/?page_id=83
css of same:
/* Featured Image Background Parallax section on Posts and Pages
—————————————————————– */.single .site-inner,
.page .site-inner {
margin-top: 96px; /* 170 (default value) – 94 (height of fixed header) */
}.singular-parallax-section {
margin-top: 74px;
padding: 100px 0;
background-attachment: fixed;
background-color: #fff;
background-position: 50% 0;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: #fff;
text-align: center;
}.singular-parallax-section h4.widget-title {
color: #fff;
font-size: 72px;
margin-bottom: 40px;
}.entry-header::after {
border-bottom: none;
content: none;
display: none;
margin: 0;
padding-bottom: 0;
}.singular-parallax-section .wrap::after {
border-bottom: 1px solid #000;
content: “”;
display: block;
margin: 0 auto 60px;
padding-bottom: 30px;
width: 25%;
}.singular-parallax-section .entry-title {
color: #fff;
}.singular-parallax-section .entry-meta a:hover {
color: #ddd;
}Warmest,
AmolApril 4, 2016 at 6:52 am #240216Shikkediel
ParticipantDidn’t the previous solution work out then? Looks correct when changing the style in developer tools. Maybe you could elaborate otherwise on the exact issue. It might have been better to continue with the other topic by the way since the question’s identical.
April 5, 2016 at 9:03 pm #240263Amol
ParticipantHi dear,
The solution did not work. Apologies for new thread my mistake.
i did manage to get it fixed last night by adding margin of 280 px to the title and -240 px margin to breadcrumb.
the live page now kleverkprod.wpengine.com/contact/
Thanks for the support really appreciate and apologies once again.
warmest
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.