Forum Replies Created

Viewing 30 posts - 1 through 30 (of 282 total)
  • Author
    Posts
  • in reply to: Add a thin bar below the header #681051

    Uff, this was a hard one but perfectly fixed now :)

    Thank you Yigit, where is the tip box? :)

    in reply to: Add a thin bar below the header #680839

    Please check the screenshots

    in reply to: Add a thin bar below the header #680819

    Ok, it works now but with a problem still…

    The full code I have for the blue_bar section is:

    div#blue_section {
    height: 32px;
    min-height: 32px;
    }
    
    #blue_section .container {
       padding-left: 120px!important;
    }
    
    @media only screen and (min-width: 990px) {
    #blue_section {
        position: fixed;
        width: 100%;
        top: 82px;
        z-index: 99;
    }}
    
    @media only screen and (max-width:480px) {
      #blue_section .container {
       padding-left: 70px!important;
    }}
    
    @media only screen and (max-width: 1024px) and (min-width: 990px) {
    #blue_section .container {
       padding-left: 0px!important;
    }}

    The new problem is when I rotate my mobile from portrait to landscape, it is no longer aligned with the logo in landscape…
    But I guess this will be impossible to fix as there are so many screen size combinations? Please confirm.

    in reply to: Add a thin bar below the header #680803

    Hi Yigit,

    It does look perfectly fine on my laptop too but once I add the media queries, it messes up with the laptop as well.

    Something is not right…

    in reply to: Add a thin bar below the header #679992

    Hi Yigit,

    If I remove that code it fixes on mobile but it damages the PC version (i.e. the text goes to the left on PC screens)

    This is the code I have now:

    @media only screen and (max-width:480px) {
      #blue_section .container {
       padding-left: 30px!important;
    }}
    
    #blue_section .container {
       padding-left: 120px!important;
    }
    in reply to: Add a thin bar below the header #679877

    Hi Vinay,

    Unfortunately it didn’t produce any results.

    I even changed to 50px but didn’t move.

    in reply to: Add a thin bar below the header #679480

    Great Yigit,

    It is perfectly aligned with the logo when I change it to 100px, on computer screens.

    However, on mobile it is a bit to the right. Is there a way to create a rule to align it on mobile devices as well?
    Please check the sshots in PVT

    Many thanks

    in reply to: Add a thin bar below the header #679438

    Not quite yet.

    Can you please check what I mean by centered with the logo in the screenshot in PVT?
    Should be the same for computer or mobile screens

    Many thanks

    in reply to: Add a thin bar below the header #679432

    Great Yigit,

    The blue bar is now moving on mobile perfectly fine :)

    Only problem is with the text alignment. Is it possible to have it perfectly aligned with the logo? The text is centred on the “page” but should be centred with the logo width only.

    Thank you

    in reply to: Add a thin bar below the header #679422

    Hi Yigit,

    Please check below.

    in reply to: Add a thin bar below the header #679278

    Hi Yigit,

    Unfortunately this didn’t produce any results. I’ve cleared Safari’s cache on my mobile to test it.

    Thanks

    in reply to: Add a thin bar below the header #679164

    Yigit,

    Did you fix this problem? I was checking it now and it seems solved?

    The only problem that remains is on mobile. The blue bar is “floating” about 80px from the top when the user scrolls down and the 2 words are not aligned with the logo. Is there any “easy” solution for this?

    Many thanks.

    Perfect Yigit, many thanks for your help.

    For future reference. Is there any code generator for the font calling code added on my CSS file?

    @font-face {
    	font-family: 'Helvetica Neue';
    	src: url('fonts/HelveticaNeue-Thin.eot');
    	src: url('fonts/HelveticaNeue-Thin.eot?#iefix') format('embedded-opentype'),
    		url('fonts/HelveticaNeue-Thin.woff') format('woff'),
    		url('fonts/HelveticaNeue-Thin.ttf') format('truetype'),
    		url('fonts/HelveticaNeue-Thin.svg#HelveticaNeue-Thin') format('svg');
    	font-weight: 100;
    	font-style: normal;
    }

    Or is this a “manual” code that we need to apply on every custom font?

    Thank you

    No luck unfortunately with the font (thanks for the great help though).
    Please check the details in PVT.

    Many thanks.

    Hmmm…

    All points are ok, except the last one regarding the font.

    Even if I add Raleway (which is a Google font), it doesn’t work. Do I really need to add font as a custom font? Is there a way I can use an alternative Google font or embed it on CSS directly without messing up with the custom font instructions? (They seem too complex for my skill-set).

    Thank you Andy and Yigit

    in reply to: Add a thin bar below the header #678965

    Hi Yigit,

    Removed all code from the widget (functions, CSS and widget itself) but if I keep both code lines (the one I had and the one you gave me) the blue bar simply disappears.

    in reply to: Add a thin bar below the header #678952

    Hi Yigit,

    This is the code I have now for the blue_section:

    div#blue_section {
    height: 32px;
    min-height: 32px;
    }
    
    #blue_section {
        position: fixed;
        width: 100%;
        top: 82px;
        z-index: 99;
    }

    But it messed up the bar a bit.

    Perfect Yigit :) Thank you

    The only problem is with the font. It doesn’t seem to work. Perhaps I need to embed that specific font into Enfold?

    Thank you a lot!

    in reply to: Add a thin bar below the header #678939

    Hi Yigit,

    Thanks for your contribution.

    Please look to the website (in Private).

    I simply want the blue bar below the header permanently fixed with 2 words below the logo (and centered with the logo).

    Many thanks.

    PS – If you have a chance to look into my other post here, I would be very grateful :)
    http://www.kriesi.at/support/topic/ (Purchase code hidden if logged out) -and-different-colors/

    Hi Andy,

    Please check the webpage in private. I am talking about captions in the fullscreen slider.

    These are all tasks I would like to see:

    1) How to increase the padding (i.e. the area between the text and the edge of the caption’s background: http://dns.d.pr/vCIm/23BdHXze

    2) How can we add some rounded corners in the caption box?

    3) How can I add the font Helvetica Neue Thin to the captions on the slideshow only? Do I need to import the font? I tried to follow some instructions in other posts but without success…

    Thank you

    in reply to: Add a thin bar below the header #677471

    Please check the URL in private.

    We can not have the text 100% aligned with the logo as we would like to. Is it possible to move it like 1px to the left and 1px to the right? What is the code that I can use for this?

    Thank you

    in reply to: Add a thin bar below the header #677468

    Hi Rikard,

    That worked and it is fine, however, we would like to make this bar sticky (as the menu). Is there a code I can give to that color section to make it sticky?

    Thank you

    Some other related questions with the fullscreen slider (please consider these ones as priority than my first topic):

    1) How to increase the padding (i.e. the area between the text and the edge of the caption’s background: http://dns.d.pr/vCIm/23BdHXze

    2) (I guess this is not possible, please ignore if I am right).

    3) How can we add some rounded corners in the caption box?

    4) How can I add the font Helvetica Neue Thin to the captions on the slideshow only? Do I need to import the font? I tried to follow some instructions in other posts but without success…

    Thank you

    in reply to: Layerslider not openning anymore #673680

    Hi Rikard,

    It was the .js minified files created by a plugin that were messing up with the LayerSlider.

    Is there any plugin you recommend that is compatible with Enfold for CSS and JS minify?

    Thank you

    in reply to: Full width map will not display #673027

    Just realised there are dozens of users with the same problem.

    I fixed mine following these instructions in just 3 minutes: http://www.kriesi.at/documentation/enfold/ (Purchase code hidden if logged out) -maps-api-key/

    in reply to: Full width map will not display #672854

    Hi,

    I have the exact same problem now. Everything was working perfectly fine since always. It is now showing this on my fullwidth map: http://dns.d.pr/1jnpa/5suwaN9m

    My website is in private.

    I tried in Safari, Chrome and Firefox. The map temporarily opens (some milliseconds) and then the error shows up.

    Can this be something related with our recent implementation of CDN? It’s the only thing we changed recently.

    in reply to: Portfolio Grid lines alignment #640864

    Thanks Andy, will do.

    in reply to: Portfolio Grid lines alignment #640850

    Hi Andy,

    In my opinion this should be addressed through the theme to make it cross-compatible with most popular browsers and screen resolutions.
    I can experience both problems in all 4 different browsers already mentioned and two resolutions that I was able to test.
    It is not in one specific browser / resolution but multiple ones.

    None of the codes given earlier worked as I already mentioned.

    Thank you anyway for all help and please look at the private comment asap.

    in reply to: Portfolio Grid lines alignment #640727

    In addition to the above, I just found another glitch with one vertical line between the portfolio items that is thicker than all the others.
    Please check in PVT the URL and the sshot where you can see the line between the 3rd and 4th row slightly thicker than all the other lines.

    I tested this in 4 different browsers: Chrome, Safari, Firefox and Opera. All have both problems mentioned.
    I tried this on two screen resolutions: 1920×1080 px and 1440×900 px and it applies to both of them.

    Many thanks if you can find a away to solve these issues.

    in reply to: Portfolio Grid lines alignment #640721

    Hi Ismael,

    Thank you for the explanation. Unfortunately, the code provided did not make any change whatsoever.
    I believe that if we move down the last row by 1 pixel the problem is fixed. I am talking about the “zawya” logo.
    Is there any chance the whole square / grid moves down by 1px?

    Thank you

Viewing 30 posts - 1 through 30 (of 282 total)