lanxalot

Hi Andril

Thanks for the update.

I updated to the latest version. Still the custom linked sections on the homepage are all highlighted in the mobile main menu. The background changes as though they are all active. This means I can’t use a different background colour for hover or all of the homepage menu links will show this colour on the mobile menu as though they are all active or on hover.

Also the sticky menu still breaks as soon as it hits a screen of 1280px wide or below.

Could you check and see if you get the same result? I have tested and cleared cache many times now.

I don’t really want to build a child theme just to fix the sticky menu. If you could send me a method to resolve it that would be great.

Best regards

Hello

I managed to make the mobile menu at screens less than 1260px

That works OK though I’m sure the code could be improved. I had to alter the 5% padding for the .bnt-container at various screen widths.

My two main issues are:

The sticky menu doesn’t work as soon as the screen gets as small as 1280px
Also my mobile nav highlights any custom links that are on the home page whenever I use the mobile nav from the home page.

At the moment both my About and Dining links are highlighted as soon as the site loads on a mobile device. It looks confusing to have both these sections highlighted at the same time before anything has been clicked.

Once again this is when using the mobile (burger style) menu from the homepage and effects the custom links which point to different sections on the homepage.

Any advice you can give about this would be great. I still didn’t find the .js file for the sticky menu settings (please see above).

Thanks again for your help

Best regards

David

Sorry, I tried changing the minimum screen width in the custom CSS and it didn’t work. I also tried copying all the rules from the responsive section and altering the screen width and that didn’t work.

It seems I would like the reverse of what is happening.

I would like the main nav to break and switch to mobile at 1280 and for the sticky menu to break at 1024.

I am getting the reverse of this and have cleared all cache.

Any slightly more detailed instructions would be great. Ideally I would like to change the settings in a way that won’t be overwritten by updates.

I didn’t build a child theme as thought it might cause other issues and didn’t think I would need it for just a few minor tweaks.

Many thanks for your help.

Best regards

Is there a CSS line I can add for the sticky header break point or is it only specified in the .js file I can’t find?

Many thanks

Hello

Many thanks for the response. I cleared all the cache and still have the same results with sticky menu disappearing at 1280

I couldn’t find a reference to the sticky/ fixed header in the responsive section of the style.css but I guess changing this (below) will allow me to change the breakpoint of the main nav into mobile nav:

@media screen and (min-width: 64em) {

.mobile-menu {
display: none;
}
}

I actually want the main nav to break sooner so I’ll try increasing the em value above. I’ll try this in the custom css section first.

Unfortunately I cannot find the specified js file you mentioned. I looked in both the wp-includes folder and also the wp-includes\js folder.

Am I looking in the wrong place?

The sticky header is the main issue as it is not working on smaller laptop screens when there is still plenty of space for all of my menu items in the main nav.

The laptop screen I have tested on is 1280 and the sticky header disappears.

I am reluctant to try a new theme version until you guys are ready to roll it out as this is a site for a client. I’m happy to have a try at editing the js file if I can find it.

Many thanks for your help!

Hello

I managed to run a search on all of my databases and replaced

Stag& #039;s Head Inn (without a space after the &)
with
Stag's Head Inn

This has had the desired effect of making my email headers and subject lines display correctly.

I have no idea if there are any other problems in the database but the site appears to be working fine so I am happy to leave it as is for now.

Thanks for your help and for the great plugin!

Hi Nate

Thanks for the response. I have read a few articles but still don’t know the answer. My hosting provider is looking into it.

It seems it is definitely connected to the character encoding but I’m unsure if a change needs making to the database or if an instruction needs adding to the website to tell the receiving email client more info about the email content.

As well as your reservations plugin I also have Contact Form 7. Contact Form 7 had the same issue but I switched the email option to html and this resolved the issue. Just a workaround I know.

As far as I can see the character set seems to be correct in wp-config.php

I will paste something I read just now below and see if you think it might be relevant? It involves adding a line into the header. Please see here:

*****

header(‘Content-Type: text/html;charset=UTF-8’);

You need to add the header “Content-Type: text/html; charset=UTF-8” (for HTML Email bodies) or “Content-Type: text/plain; charset=UTF-8” (for Plain Text Email bodies) to your mail function. Like this.

$headers = array(“Content-Type: text/html; charset=UTF-8”);
mail($to, $subject, $message, $headers)

Additionally, for email, each lines should be separated with a CRLF (\r\n) instead of merely using a linefeed (\n). A fully example end result might look more so like this:

<?php

$crlf = “\r\n”;

//Get Data
$name = strip_tags($_POST[‘name’]);
$email = strip_tags($_POST[’email’]);
$service = strip_tags($_POST[‘service’]);
$phone = strip_tags($_POST[‘phone’]);
$phoneconfirm = strip_tags($_POST[‘phoneconfirm’]);
$priority = strip_tags($_POST[‘priority’]);
$subject = strip_tags($_POST[‘subject’]);
$message = strip_tags($_POST[‘message’]);

// Parse/Format/Verify Data
$to = “[email protected]”;
$from = ‘[email protected]’;
$subject = “Via Website”;
$message = “De: $name$crlf E-Mail: $email$crlf Servi?o: $service$crlf
Telefone/Celular: $phone$crlf Ligar/Retornar: $phoneconfirm$crlf
Prioridade: $priority$crlf Assunto: $subject$crlf Mensagem:$crlf
$message”;

// Setup EMAIL headers, particularly to support UTF-8
// We set the EMAIL headers here, these will be sent out with your message
// for the receiving email client to use.
$headers = ‘From: ‘ . $from . $crlf .
‘Reply-To: ‘ . $from . $crlf .
‘Content-Type: text/plain; charset=UTF-8’ . $crlf .
‘Para: WebSite’ . $crlf .
‘X-Mailer: PHP/’ . phpversion();

// Then we pass the headers into our mail function
mail($to, $subject, $message, $headers);
?>

*****

Do you think there is anything we can add that will help the email client render the special characters correctly?

I will continue to try and find a solution. It’s frustrating as I really like the plugin but can’t use it until I fix the issue.

Best regards and thanks for your help!

• This reply was modified 7 years, 5 months ago by lanxalot.

Of course the email form has rendered the code as an apostrophe.

Silly me! : )

Just to be clear as to what I am seeing instead of an apostrophe I will paste the code below but leave a space in the middle:

&# 039;

I will need to switch my site to maintenance mode soon as it is 2am here. I will check emails again in the morning (in approx 7 hours). Let me know if there is anything I can do to get this working?

Many thanks for your help

Can you see the info you need with the debug and print diagnostics I emailed?

Let me know if you need me to supply you with a logon.

Kind regards

Hello, I will send in a moment, stay tuned ?? and thank you!

I have disabled all the plugins that I have not previously used with Adaptive Images and still the problem persists.

Is there any way I can private message you site details?

Have you had any similar issues with other sites?

Many thanks for your help!

sorry, posted in the wrong area

• This reply was modified 7 years, 5 months ago by lanxalot.

Cool, many thanks guys!

Many thanks for the reply Andril.

I can see why you have designed it this way.

I actually included the Unite Gallery Lite plugin to organise my Masonry tiles without cropping them on smaller screens which seems to work OK.

I do also like the look of the Bento grid though.

Many thanks!