-
AuthorPosts
-
May 15, 2013 at 10:07 am #23297
Very happy with this theme! Looks and works great.
Just have a couple of things I’m not able to fix.
I use the Small Fixed Header for my site. Works good on most pages. However for some reason on one page there is some space above the header. This happens when using the Advanced layout editor adding a color section with a 2/3 section tabs and 1/3 text. Any idea on how to solve this? Example : http://imageshack.us/a/img560/5435/screenshot20130515at115.png
The second I’m not able to fix: on http://imageshack.us/photo/my-images/42/screenshot20130515at115.png/ I want to have the normal text ‘Boek Nu’ on the same line as the button ‘Meer informatie’.
Hope you can help!
Regards,
Jeroen
May 16, 2013 at 6:05 pm #119276Hi,
Please provide a URL to the location where this event is taking place. Since there are so many ways to customize this theme, and with a number of updates already released, -there is no sure way for us to provide you with a reliable answer without first looking at the code.
Your best bet is to mask the link using http://www.goo.gl or show a page on the demo site which displays the behavior. However. a screenshot alone is not very helpful since we need to see the html/css/js code particular to your situation in order to provide a meaningful solution.
Thanks,
Nick
May 17, 2013 at 4:24 pm #119277Hi Nick,
Please see following urls:
goo.gl/Ylwbo (issue 1)
goo.gl/HXb00 (issue 2)
Thanks!
May 17, 2013 at 7:29 pm #119278Hi Hotel,
On issue 1:
To fix your header, please add this to Quick CSS or to /css/custom.css file
.fixed_header #header {
top: 0px !important;
}=============
on the hotel page, you also have 1 error on that url with the following image not loading.. i put xxxx in image name ,. but you can figure it out.
Failed to load resource: the server responded with a status of 404 (Not Found) http://xxxxxxx/wp-content/uploads/2013/05/Luxxxx-kamexxxx-slider3.png
=============
Add this css because on page you showed in issue 1, the drop down boxes and input boxes on right side cut name in Chrome browser ( http://www.clipular.com/c?6130100=8VLx1E7WjCdXQ4BhhFBEAvDKeIQ&f=.png )
#checkout-select, #checkin-select, #adults, #children, #rooms {
height: 2.5em;
}=============
On issue two are you sure that is the right link, I see a Japanese website with nothing about a Dutch hotel :) ?
I looked on the first URL and I found the Boek Nu but i don’t see where the meer information is.
THanks,
Nick
May 20, 2013 at 10:03 am #119279Hi Nick,
Thanks for the advice. I’ve added the CSS code for issue 1, but unfortunately it does not change anything. There is still a gap between the top and the navigation bar.
Regarding issue 2: Really strange, I checked the link and it goes to the page on our website… no idea how you get a Japanese site :)
The problem exists for example on the ‘Kamers’ or ‘Arrangementen’ page (main navigation). In the text block, you’ll see on the right hand side a button ‘ Meer informatie’. On the left hand side you’ll see a text ‘Boek Nu’. For some reason we cannot get this on the same line. Is this due to a css code of the Theme?
Thanks again for all your advice. Very much appreciated!
May 20, 2013 at 5:09 pm #119280Hi,
1. The header no longer has a gap between menu and top using Chrome, FF, and IE10 . Where do you see a gap and using what browser? http://www.clipular.com/c?6174232=rAJ9MxLXR2ZzeYMGDQwUOR-f9OA&f=a706922a622bfae41703f306ea414436
2. What you will need to do is use a shortcode for the green information button inside each of the text-blocks. Here is the shortcode
[av_button label='Click me' link='page,218' link_target='' color='green' custom_bg='#444444' custom_font='#ffffff' size='large' position='right' icon_select='no' icon='']
You will need to edit the label, and for the link , you can chose the ID of the page where you want the link to go to. So this will generate the green button. To display the Boek Nu link on the same line as the button, add it after the button shortcode below the button shortcode . http://www.clipular.com/c?6172260=q_gWPjkVzgUQFbcWbt3LRNEMUB0&f=6fe682a4b390268ff7e7e4ef13be8d1c
OFF TOPIC
Your logo is being resized making it blurry at small screen sized. You can either use this css to make it fit at 200×100 (as it is now)
#top .logo img {
width: 200px;
height: 100px !important;
}
#header_main .container, .main_menu ul:first-child > li a {
height: 100px!important;
line-height: 100px!important;
}or you will need to resize your logo to 156×88 (the size its being displayed now via resize)
Thanks,
Nick
May 21, 2013 at 2:51 pm #119281Hi Nick,
Thanks for your support. It’s very much appreciated :)!
We were able to align the ‘Boek nu’ & ‘Meer informatie’ links.
However on the ‘Luxe-Kamer’ page we still run in to some trouble. For some reason there are some menu styling elements that change when we load the page.
– The menu text becomes bold.
– There’s a thin line between the header and slider
– White spaces on either sides of both the header and slider
– Menubar seems to be higher compared to other pages (You can see this with the ‘Boek Nu’ button)
URL is : http://goo.gl/OjMdx
Hope we can fix it. Site is getting better!
Regards
May 22, 2013 at 9:43 am #119282Hi,
Please take out the css I gave before
#top .logo img {
width: 200px;
height: 100px !important;
}
#header_main .container, .main_menu ul:first-child > li a {
height: 100px!important;
line-height: 100px!important;
}Instead resize your logo 156×88
Thanks,
Nick
May 22, 2013 at 11:43 am #119283Hi Nick,
Thanks for your reply.
I resized my logo to 156×88 and removed the code. Everything is all fine with the logo.
The troubles on the ‘Luxe Kamer’ page stay. The following picture explanes the white spaces etc. http://img713.imageshack.us/img713/5818/screenshot20130522at130.jpg .
I tried everything to fix it. It seems to be happening whenever I start the page with tabs.
Hope you can help.
Regards,
May 22, 2013 at 7:54 pm #119284Hi,
I understand what you require, and I show you how to achieve it. This is how I see your page http://www.clipular.com/c?6405183=RyPvLLA_LFhgklHd2uWFKoL_mOg&f=.png
There is no logo, and the page is enlarged as if you are using the code I gave you before for a larger image.
You have a weird css file attached that may be the problem since its not really a css file but something encrypted
http://texel.orangehotelwebsites.nl/wp-content/themes/enfold/config-layerslider/LayerSlider/skins/.DS_Store/skin.css
Pleaser remove it.
Thanks,
Nick
-
AuthorPosts
- The topic ‘Header space’ is closed to new replies.