mbinghamhawk

Hey there, sorry for the delayed response. I needed to publish the site. If you want to see the behavior, you can look at this page in Google Chrome: https://saltlakecitymarathon.com/registration/2018-fees/

Scroll works fine in Safari.

Update, the logo is clickable, but only in a very small sliver of the bottom of the logo. Any ideas?

I figured it out. The RM control panel does not allow you to specify the width and height of the logo. I added the following in the Header Custom HTML panel of RM:

<div id=”responsive-menu-pro-header-bar-logo” class=”responsive-menu-pro-header-bar-item responsive-menu-pro-header-box”>

</div>

However, the logo is not hyperlinked (not clickable). Can you help me with that?

So I sort of figured out part of it.

I added the following code to my theme’s integration panel which inserts the code in the header of the page:

<script>
jQuery( document ).ready(function() {
jQuery(‘#responsive-menu-pro-header’).append(‘<div class=”et_pb_button et_pb_module et_pb_bg_layout_dark” id=”regbutton”>REGISTER</div>’);
});
</script>

This allowed me to insert the button directly into the “responsive-menu-pro-header”.

I could then effect the padding and positioning. There is a slight problem in that the button is not clickable.

Peter,

Thanks for looking. I switched to the png to see if there was an issue with the plugin loading png vs svg. In the Header Bar properties of RM, I browsed to the url of the SVG logo I have in my media folder in WordPress. The path to the SVG is https://dev.saltlakecitymarathon.com/wp-content/uploads/2017/10/slcm_15logo.svg

When selected it does not load in the page at all. Prior to using RM, I was not able to add SVG images unless I activated the SVG Support plugin

I have since switched back to the svg so you can see that it does not load on my page. I have tried with the the SVG Support plugin activated and deactivated. Still does not load.

Here are some other issues I am having.

1) when I contract my browser window, the desktop menu background overlaps the logo. The logo is eclipsed with the gray background of the desktop menu. Anyway to fix that. Ideally, I would like to not have that overlap the logo.

HEre is a screenshot of what my site looked like with that code. This was how it looked prior to installing Responsive Menus.

https://www.dropbox.com/s/9e20r73orj62wid/Screen%20Shot%202017-12-14%20at%201.28.36%20PM.png?dl=0

I am the web designer. The Divi team suggested the jquery and it has worked great. Do you have any recommendation on how to add a button into your header. Even a simple button would help me get on my way.

Thanks. Tried collapse but it makes it even more confusing. Don’t get me wrong, I love TablePress, but if you are going to have a feature, it should work. Full stop.

Hmmm. Well, I installed the plugin and I updated the call to the table with the tag: [table id=10 responsive=scroll /]

Scroll doesn’t work at all in a desktop browser when you resize the browser window, and on the iphone browser the scroll is TERRIBLE. It is not a smooth scroll. You can’t hold your finger down and scroll at will…it nudges a little bit then you have to release and scroll a little bit more. You are forced to do this ten times just to scroll to the other end. This is kind of disappointing.