-
AuthorPosts
-
June 1, 2020 at 5:46 pm #1218478
Hello,
I put online the website pierredefeu.ch : it works on my notebook and tablet, but therés a problem on my smartphone. The header is not displayed, and the menu is also hidden.
How can I fix this?
Thanks in advance!
Regards,
Marc
June 1, 2020 at 9:19 pm #1218528Hey Marc,
Please provide a link to the site/page in question so we can look into this issue further.
Best regards,
Jordan ShannonJune 2, 2020 at 7:32 am #1218653Hi Jordan,
Just go to http://www.pierredefeu.ch using your smartphone and your computer : you will immediately see the problem!
Thanks in advance…
Best regards,
Marc
June 2, 2020 at 9:21 pm #1218848Hi,
Thanks for sharing. It seems like it’s being hidden. You have to find and remove the following from your css:
@media only screen and (max-width: 767px){ #header { display: none!important; }}
Best regards,
Jordan ShannonJune 3, 2020 at 3:23 pm #1219101Hi Jordan,
Thanks for your reply. Sorry, no time to check before…Here is my css :
/*Theme Name: Enfold Child
Description: A Child Theme for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://kriesi.at
Template: enfold*/@import url(“../enfold/style.css”);
#header_meta {
border-top: none;
box-shadow: none;
}.avia-menu-fx, .avia-shadow, #header_meta {
background-color: transparent !important;
border: none !important;
border-top: none !important;
box-shadow: none !important;
}#header_main{
border-bottom-width: 0px!important;
border-bottom-style: solid;
z-index: 1;
}.html_modern-blog .avia-content-slider .slide-entry-title {
font-size: 15px!important;
text-align: left;
letter-spacing: 1px;
}/*
#footer .container{
border-top: 1px solid #f3f3f3 !important;
margin-top: 50px!important;
}
*//* decrease footer height */
#footer {
padding: 0;
}
#footer .widget {
margin: 20px 0 10px 0;
}.avia-search-tooltip {
margin-top: 25px!important;
}/* Move MAIN MENU down*/
.av-main-nav > li > a { line-height: 180px !important; }/* MAIN MENU */
.av-main-nav > li > a {
font-weight: 300!important;
font-family: ‘Titillium Web’, sans-serif !important;
text-transform: uppercase!important;
}.main_menu {
margin-top: 0px!important;
}#top #avia-menu .av-language-switch-item {
display: none;
}.av-main-nav ul li a {
border: 0 !important;
}/* * Start top header bar * */
/* Regular menu links */
.header_color .sub_menu>ul>li>a {
color: #ffffff!important;
text-decoration: none!important;
font-size: 13px!important;
font-weight: 300!important;
font-family: ‘Titillium Web’, sans-serif !important;
letter-spacing: 0.06em!important;
}/* Current page menu link */
.sub_menu li.current-menu-item > a,.sub_menu a:hover {
color: #f7a71f!important;
text-decoration: none!important;
}.sub_menu > ul > li:hover > a {
color: #f7a71f!important;
}.sub_menu li {
border-right-style: solid;
border-right-width: 1px;
border-color: #ffffff!important;
line-height: 10px;
}#top .social_bookmarks li {
border-right-style: solid;
border-right-width: 0px!important;
}/* * End Top header bar * */
/* Main Sub Menu styling */
#top #header .mega_menu_title a {
color: inherit;
font-size: 14px;
line-height: 1.1em;
color: #ffffff!important;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-color: transparent;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-clip: border-box;
background-origin: padding-box;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: currentcolor;
border-right-color: currentcolor;
border-bottom-color: currentcolor;
border-left-color: currentcolor;
border-image-source: none;
border-image-slice: 100% 100% 100% 100%;
border-image-width: 1 1 1 1;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
}#top .av-main-nav ul a{
width: 100%;
height: auto;
float: left;
text-align: left;
line-height: 23px;
padding-top: 8px;
padding-right: 15px;
padding-bottom: 8px;
padding-left: 15px;
font-size: 15px!important;
font-weight:300!important;
min-height: 23px;
max-width: none;
text-decoration-color: currentcolor;
text-decoration-line: none;
text-decoration-style: solid;
font-family: inherit;
}/*
#top #header .avia_mega_div > .sub-menu{
display: table;
padding-top: 20px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
border-top-style: solid;
border-top-width: 0px!important;
background-color: #ffffff!important;
}
*//* Immeubles Grid */
.grid-entry-excerpt {
font-size: 14px!important;
font-style:normal!important;
margin-bottom: -2px!important;
margin-top: 10px!important;
font-weight: 300!important;
font-family: ‘Titillium Web’, sans-serif !important;
}.grid-entry-title {
font-size: 16px!important;
font-weight: 500;
}/* MAP LIST PRO Styling */
body .prettyMapList .mapHolder{
height:580px!important;
}.prettyMapList .prettyFileBar .prettyMapListSearch
{
display:none!important;}
.infoWindowContainer.infobox {
border-top-width: 0px!important;
border-right-width: 0px!important;
border-bottom-width: 0px!important;
border-left-width: 0px!important;
}/* Post Navigation left and right */
#top .avia-post-nav{
position: fixed;
height: 110px;
top: 50%;
background-color: #f7a81f!important;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-clip: border-box;
background-origin: padding-box;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
color: #ffffff;
margin-top: -55px;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
text-decoration-color: currentcolor;
text-decoration-line: none;
text-decoration-style: solid;
z-index: 501;
transform: translate3d(0px, 0px, 0px);
}/* Download Monitor tweaks */
.download_monitor ul.disc, .entry-content-wrapper ul {
list-style:none!important;
}.download_monitor, .entry-content-wrapper li{
margin-bottom:5px!important;
border-bottom: 1px solid #f2f2f2;
}.dlm_download_list{
margin-left: -10px!important;
padding-top: 5px!important;
padding-right: 0px;
padding-bottom: 5px!important;
padding-left: 0px;
text-decoration: none!important;
font-size: 13px!important;
letter-spacing: 0.03em!important;
}/* GRID PROPRIETE */
.grid-entry .inner-entry {
margin-right: 20px!important;
margin-bottom: 20px!important;
}/* MOBILE tweaks */
@media only screen and (max-width: 767px) {
#menu-item-search {display:none!important;}nav.sub_menu {
color: #ffffff!important;
text-decoration: none!important;
font-size: 10px!important;
font-weight: 300!important;
font-family: ‘Titillium Web’, sans-serif !important;
letter-spacing: 0.01em!important;
padding-right: 5px!important;
}#header { display: none!important; }
body {
font-size: 14px!important;
}
td
{
font-size: 14px!important;
}
th {
font-weight: bold!important;
font-size: 14px!important;
font-style: normal!important;
}
}.av-hamburger-inner
{
display: block;
top: 50%;
margin-top: -50px!important;
}I cannot find what to do to avoid this problem. A setting somewhere in the Enfold Child section ?
Thanks for your precious help !
Best regards,
Marc
June 3, 2020 at 3:44 pm #1219111Hi,
Did you check the quick css section under Enfold options?
Best regards,
Jordan ShannonJune 3, 2020 at 3:49 pm #1219114Hello,
If you mean “general style” then Quick CSS (sorry, I got it in french…) : this section is empty…
Best regards,
MarcJune 3, 2020 at 4:16 pm #1219123Hi,
Remove this under /*mobile tweaks*/
#header { display: none!important; }
I see it in the css you pasted above.
Best regards,
Jordan ShannonJune 3, 2020 at 4:36 pm #1219131Hi,
Unfortunately, it doesn’t work. Just browse the site in Safari or Chrome and reduce the with of th ebrowser to the minimum: no header, no menu…
Should I use a plug-in for the menu? Which one?Thanks again…
Marc
June 3, 2020 at 4:39 pm #1219133Hi,
Did you make sure that you cleared the cache a few times over? That should work as it’s the only code for mobile to hide it.
Best regards,
Jordan ShannonJune 3, 2020 at 4:43 pm #1219137Hi,
I clear the cache several times on Safari and Chrome on my macbook, tries on my iphone with both Safari and Chrome. Same result: impossible to get the header (logo + short sentence), and no menu…
Regards,
MarcJune 3, 2020 at 5:02 pm #1219144Hi,
Please provide admin info so we can log in and look into this issue further.
Best regards,
Jordan ShannonJune 3, 2020 at 5:19 pm #1219156No problem! Do you have an e-mail address which I can assign to this admin profile?
Regards,
Marc
June 3, 2020 at 5:45 pm #1219189Hi,
It’s doesn’t have to be an official account. You can set up a test email and just a test username. When you create it please add it to the private area here.
Best regards,
Jordan ShannonJune 3, 2020 at 5:47 pm #1219191Hi !
The user is : kriesi
Password : tEdVCzS9u@AcCIK(#M07@oIJ
Login page : https://pierredefeu.ch/pdf_login/Thanks in advance… and good luck! Oh, and if you see something totally strange, feel free to inform me !
Best regards,
Marc
- This reply was modified 4 years, 5 months ago by Marc.
June 3, 2020 at 5:59 pm #1219199Hi,
Should be fixed. I added the following to quick css:
#header { display: block!important; }
Best regards,
Jordan ShannonJune 3, 2020 at 6:02 pm #1219202Hi!
That’s great! Thank you very much for your support!
Have a nice evening.
Best regards,
Marc
June 3, 2020 at 6:05 pm #1219206Hi,
No problem at all. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘No header and no menu on smartphone’ is closed to new replies.