Forum Replies Created

Viewing 20 posts - 1 through 20 (of 25 total)
  • Author
    Posts
  • in reply to: Single Content-free Landing Page #157659
    markmoritz
    Participant

    I tried doing that and can revert to that method for the logo however it is VERY small and also not left enough. The logo needs to be larger and in top left all the way to the left and that and all other elements need to maintain correct position and sizing fluidly throughout different device and screen sizes.
    Right now, when I get it looking correct on one screen, it looks totally off on all others

    in reply to: Single Content-free Landing Page #157641
    markmoritz
    Participant

    Basically I am very close to having it all look exactly as I want it. I have posted a jpg with the elements described here:
    https://ibb.co/mf3nTA

    All I am looking for is having the page be a static page, no need for scrolling up & down, the logo in the top left corner at an ample size as it appears in the url image above. The menu. The player controls centered above the footer, and the footer as it is. That is it.

    I have cleaned up a lot of the additional CSS stuff. Really I just need it all to be responsive and uniform throughout the various device displays. Currently, I have it set to look right on my 32″ UHD monitor, but when i look at it on my 17″ UHD laptop monitor, it doesn’t look the same.

    Just need uniformity throughout the displays. The design is simple and pretty much laid out already

    in reply to: Single Content-free Landing Page #157481
    markmoritz
    Participant

    Can you please advise as why, when uploading a Header Media Image, it is actually showing two, slightly offset copies of the image? Even if I try to scale it using a Transform CSS, I can make ONE of the images smaller but the other still remains.

    in reply to: Single Content-free Landing Page #157364
    markmoritz
    Participant

    hi guys. So I have most of my issues on the site worked out except for a couple of critical questions.
    I am trying to use the Header Media section to basically overlay my logo on the site, but want it in the top left area of the screen. It’s a PNG file with transparency on. When I am putting it in the header media section it seems to be doubling up. Like there are two logo’s slightly offset. That’s problem #1. Problem #2 is that how can i resize the logo so that it is not completely covering the screen? I do not want it blocking the entire background video. Right now, when i tried fiddling with it, it seems to be adjusting the box size that the logo is wrapped in, thus making the overall presence of it smaller but doing so by cutting off the actual logo.
    Really, all i want is to be able to place the logo wherever i need it and have the size be adjustable. It’s close to working but the size option is what I can’t seem to get working. Can you please help? Thank you

    in reply to: Single Content-free Landing Page #157320
    markmoritz
    Participant

    That’s fine I can figure most of it out. Can you please go ahead as agreed in one of my threads refund the purchase of the Adonis Pro theme to the card it was issued from or I can give a different card if need be as that theme did not suit my needs and then purchased the audioman pro in its place. Thank you

    in reply to: Single Content-free Landing Page #157249
    markmoritz
    Participant

    also, last thing (i think) is best way to reposition where the logo appears? It is currently showing in left middle portion of the top of the screen. I would like to move it over to the top left corner. Thank you in advance for your help

    in reply to: Single Content-free Landing Page #157248
    markmoritz
    Participant

    Is there a code or a way to control the individual device layouts independently of one another? Meaning, if i want the menu to look one way on a desktop, but then reposition it or adjust any parameters for it’s layout on a smartphone, how can I do this?
    Currently, on my iphone, if i tap anywhere on the background video, without even having the menu open, it is blindly functioning as if the menu IS open and taking me to random pages throughout my site. So the menu is not functioning correctly throughout the different devices. The submenu is detaching. It’s all kind of weird.
    However, I am planning a major launch of my new site this week and really now have an urgent need to finalize the cleanup on all of the elements in it. I am limited in my CSS knowledge but basically, just want a way, even if it takes me manually building the site with Additional CSS for each device, I just don’t know how to manually and independently specify what device I want certain css info to apply to. Can you please help? Thank you

    in reply to: Single Content-free Landing Page #157205
    markmoritz
    Participant

    Thank you that worked for the logo section but the other sections are still off when viewing on the various devices. Can you please advise how to correct that? As I said, on the desktop, it all looks as it should

    in reply to: Single Content-free Landing Page #157193
    markmoritz
    Participant

    That worked great for the logo but it seems to have then thrown off the other elements that i had added already in additional CSS when it comes to fluid responsiveness.
    The home page on a desktop is pretty spot-on to how I want it to look. The problem right now is that it is not fluid across smaller devices. The controls for the video are moving/disappearing. The menu dropdown is separating from the menu, etc.
    Uniformity across the board is key for my site. Can you please advise on how to get it all fully fluid?

    This is everything currently in my additional CSS:
    .home #page {
    height: 100%;
    height: 100vh;
    background: transparent;
    }

    .custom-logo {
    max-width: 200px;
    }

    @media
    screen and (min-width: 30em) {
    .custom-logo {
    max-width: 300px;
    }
    }

    @media
    screen and (min-width: 40em) {
    .custom-logo {
    max-width: 400px;
    }
    }

    @media
    screen and (min-width: 48em) {
    .custom-logo {
    max-width: 500px;
    }
    }

    @media
    screen and (min-width: 64em) {
    .custom-logo {
    max-width: 600px;
    }

    .home #page {
    height: 100%;
    height: 100vh;
    }

    #colophon {
    position:fixed;
    bottom:0;
    left:0;
    width:100%;

    }

    .mb_YTPBar .mb_YTPProgress {
    height: 0px;
    width: 0px;
    background: transparent;
    bottom: 0;
    left: 0;
    }

    .mb_YTPBar .simpleSlider {
    position: relative;
    width: 0px;
    height: 0px;
    overflow: hidden;
    margin-right: 0px;
    border-radius: 0px;
    display: none;
    }

    .mb_YTPBar .mb_YTPTime {
    width: 0px;
    display: none;
    }

    .mb_YTPBar .mb_YTPUrl.ytpicon {
    font-size: 0px;
    display: none;
    color: transparent;
    }

    .mb_YTPBar .buttonBar {
    left: 600px;
    width: 100%;
    }

    .mb_YTPBar span {
    display: inline;
    }

    .mb_YTPBar .ytpicon {
    font-size: 70px;
    }

    .mb_YTPBar .buttonBar {
    color: #3c024f;
    }

    .mb_YTPBar {
    transition: opacity .5s;
    display: block;
    height: 25px;
    background: none;
    position: fixed;
    bottom: 80px;
    left: 420px;
    text-align: left;
    z-index: 1000;
    color: #fff0;
    opacity: 1;
    }

    .mb_YTPBar .buttonBar {
    transition: all .5s;
    background: none;
    background-color: transparent;
    position: absolute;
    top: 0px;
    height: 0px;
    padding: 0px;
    }

    .site-header-main .wrapper {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: flex-start;
    display: -webkit-flex;
    display: -ms-flexbox;
    /* display: contents; */
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: inherit;
    position: relative;
    }

    embed, iframe, object, video {
    max-width: 100%;
    margin-top: -580px;
    }

    .is-open .menu-inside-wrapper {
    visibility: visible;
    opacity: .95;
    }

    .menu-inside-wrapper {
    width: 238px;
    top: 100%;
    right: 0;
    opacity: 0;
    }

    .menu-inside-wrapper {
    width: 240px;
    top: 17%;
    }

    .is-open .menu-inside-wrapper {
    right: -11.5%;
    }

    .site-header-menu .menu-label {
    display: contents;
    }

    .site-title a, .site-title a:hover, .site-title a:focus, .site-description, .main-navigation a, .menu-toggle, .dropdown-toggle, .site-header-cart .cart-contents, .site-header-menu .social-navigation a {
    color: #b14fd4;
    }

    .wrapper {
    margin: 15px auto;
    max-width: 1500px;
    }

    html {
    margin-top: 0px !important;
    }

    in reply to: Single Content-free Landing Page #157102
    markmoritz
    Participant

    that looks great. Thank you.
    What is the best way to put the logo in the top left of the screen and have it then be fluid and in the same place across all devices?

    in reply to: Single Content-free Landing Page #157078
    markmoritz
    Participant

    the problem with doing that is that there is no audio option through the Header Media. That is something that I need to have the option of

    in reply to: create and position responsive header logo throughout site #157063
    markmoritz
    Participant

    that’s fine i’m not overly concerned about that. My primary concern is in my other thread really and that’s about getting the layout established. I can work with the logo however I need to from there but need to get the theme and layout resolved properly

    in reply to: Single Content-free Landing Page #157055
    markmoritz
    Participant

    Please advise on how to do this. I really just need one page. I don’t know why it makes me put two pages in for a static page. This should be pretty simple. I don’t need any content on the page. Maybe just a transparent space filler but the video is the actual background for the page and that’s really all I need. But any adjustments I’ve tried making don’t seem to work properly and if they do on my desktop they end up off on the smaller devices. Please help!

    in reply to: Single Content-free Landing Page #157028
    markmoritz
    Participant

    it’s not. That problem is actually that the menu, when clicked to open, is basically on a separate page and opens with a really small scroll bar. So it’s two pages sort of smashed into one. The page with the video, and the actual homepage. I just want one single full screen fluid layout page with the menu, video, footer, and logo. That’s it!

    in reply to: create and position responsive header logo throughout site #157027
    markmoritz
    Participant

    How do i go about doing that?

    in reply to: Single Content-free Landing Page #156943
    markmoritz
    Participant
    in reply to: create and position responsive header logo throughout site #156937
    markmoritz
    Participant

    so are there any options that enable an animated logo?

    in reply to: create and position responsive header logo throughout site #156928
    markmoritz
    Participant

    is there a way however in audioman with the header media video to have it play the audio as well? or embed the youtube info to include the option for a volume control?

    in reply to: create and position responsive header logo throughout site #156916
    markmoritz
    Participant

    Audioman seems to be getting closer to what I’m looking for. However, ideally, i would like to have an option to use an animated logo sequence. Are there any themes or options/ways to do that? Basically, my goal for the landing/front page is the full screen background video autoplaying which is being done using MB-YTPlayer plugin through WordPress. Then I need a menu (preferably with the modern style), a footer at the bottom with the copyright info and social links, and then I would like to potentially have the option of overlaying the logo animation OVER the background video but placed in the top left corner. SO more or less, Audioman looks pretty good, just wondering if there’s anyway to use a short logo animation video as the ‘logo’ or if that’s available in any compatible themes

    in reply to: create and position responsive header logo throughout site #156873
    markmoritz
    Participant
Viewing 20 posts - 1 through 20 (of 25 total)